/* MAKMEESHOP v13.1.51 - Native Scroll + Compact Header Menu Fix
   Fix: keep full-height only for real side drawers. Header hamburger dropdown (nav.open)
   must stay compact, not become a 100vh box on admin/mobile pages. */

html,
body {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  scroll-behavior: auto !important;
  overscroll-behavior-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body { position: relative !important; }

html,
body,
.container,
.site-header,
.pro-header,
.main,
.page,
.simple-shell,
.otp-market-shell,
.topup-premium-shell,
.dashboard-layout,
.admin-simple-page,
.admin-pro-shell,
.admin-pro-main {
  max-width: 100% !important;
}

/* Closed overlay elements must never catch mouse/touch/click. */
.drawer-backdrop:not(.open),
[data-drawer-backdrop]:not(.open),
.simple-drawer:not(.open),
.pro-drawer:not(.open),
.nav[data-nav]:not(.open) {
  pointer-events: none !important;
}

.drawer-backdrop:not(.open),
[data-drawer-backdrop]:not(.open) {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Open drawer/menu/backdrop must become interactive again even if an old inline style is cached. */
.simple-drawer.open,
.pro-drawer.open,
.nav.open,
.nav[data-nav].open,
.drawer-backdrop.open,
[data-drawer-backdrop].open {
  pointer-events: auto !important;
}

/* Real side drawers may use the full viewport and scroll internally. */
.simple-drawer.open,
.pro-drawer.open {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: 100dvh !important;
  height: 100dvh !important;
  touch-action: pan-y !important;
  display: block !important;
}

/* Header hamburger dropdown is NOT a side drawer. Keep it compact. */
.nav.open,
.nav[data-nav].open,
.pro-header .nav.open,
.pro-header .nav[data-nav].open {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(70dvh, 360px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  align-content: start !important;
}

.pro-header .nav.open,
.pro-header .nav[data-nav].open {
  width: min(240px, calc(100vw - 24px)) !important;
  right: 12px !important;
  left: auto !important;
  top: calc(100% + 8px) !important;
  padding: 8px !important;
  gap: 8px !important;
  border-radius: 16px !important;
}

.pro-header .nav.open a,
.pro-header .nav[data-nav].open a {
  min-height: 42px !important;
  height: auto !important;
  width: 100% !important;
  padding: 9px 12px !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

@media (max-width: 480px) {
  .pro-header .nav.open,
  .pro-header .nav[data-nav].open {
    width: min(220px, calc(100vw - 20px)) !important;
    max-height: min(62dvh, 300px) !important;
    right: 10px !important;
  }
}

.pro-drawer.open *,
.simple-drawer.open *,
.nav.open *,
.nav[data-nav].open * {
  pointer-events: auto !important;
}

.drawer-links,
.pro-drawer-links,
.drawer-panel,
.drawer-panel * {
  pointer-events: auto !important;
}

.table-wrap,
.table-responsive,
.admin-row-list,
.catalog-list,
.catalog-filter-box,
.price-list-admin,
.topup-history-table,
.drawer-panel,
.simple-drawer,
.pro-drawer {
  -webkit-overflow-scrolling: touch !important;
}

body.no-scroll,
body.scroll-locked,
body.modal-open,
body.drawer-open,
body.menu-open,
body.is-locked,
html.no-scroll,
html.scroll-locked,
html.modal-open,
html.drawer-open,
html.menu-open,
html.is-locked {
  overflow-y: auto !important;
  height: auto !important;
  position: relative !important;
}