/*
 * BESTWOO Mobile Optimization · Batch 03 Fix 2
 * Purpose:
 *   - keep the drawer above the dimming backdrop;
 *   - restore pointer/touch interaction inside the drawer;
 *   - avoid inherited backdrop blur on the drawer itself.
 * Scope: mobile/tablet navigation only (<= 920px).
 */

@media (max-width: 920px) {
  .BESTWOO-site-header {
    position: sticky !important;
    z-index: 2800 !important;
  }

  .BESTWOO-mobile-nav-backdrop {
    z-index: 2900 !important;
    background: rgba(5, 12, 14, .52) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .BESTWOO-mobile-drawer-portal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 3000 !important;
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
    isolation: isolate;
  }

  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav {
    z-index: 2 !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fffaf2 !important;
    color: #17211f !important;
    pointer-events: none !important;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .BESTWOO-mobile-drawer-portal.BESTWOO-open .BESTWOO-main-nav,
  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav.BESTWOO-drawer-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav:not(.BESTWOO-drawer-open) {
    pointer-events: none !important;
  }

  .BESTWOO-mobile-drawer-portal .BESTWOO-mobile-drawer-head,
  .BESTWOO-mobile-drawer-portal .BESTWOO-nav-dropdown,
  .BESTWOO-mobile-drawer-portal .BESTWOO-nav-drop-btn,
  .BESTWOO-mobile-drawer-portal .BESTWOO-nav-link,
  .BESTWOO-mobile-drawer-portal .BESTWOO-mega-menu,
  .BESTWOO-mobile-drawer-portal .BESTWOO-mega-card,
  .BESTWOO-mobile-drawer-portal a,
  .BESTWOO-mobile-drawer-portal button {
    pointer-events: auto !important;
  }

  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav[inert] {
    pointer-events: none !important;
  }

  .BESTWOO-mobile-drawer-portal.BESTWOO-open .BESTWOO-main-nav[inert] {
    pointer-events: auto !important;
  }

  body.BESTWOO-lock-scroll {
    overflow: hidden !important;
    touch-action: none;
  }
}

@media (min-width: 921px) {
  .BESTWOO-mobile-drawer-portal {
    display: none !important;
  }
}