/* VEVL-198 — shared mobile navigation safety contract.
   Keeps temporary drawers above content, respects device safe areas, and prevents
   fixed navigation from obscuring account actions. */

@media (max-width:1100px){
  body[data-global-mobile-nav="v198"].nav-open{overflow:hidden;overscroll-behavior:contain}
  body[data-global-mobile-nav="v198"].nav-open::before{
    content:"";position:fixed;z-index:65;inset:0;background:rgba(0,4,12,.72);backdrop-filter:blur(2px);pointer-events:auto
  }
  body[data-global-mobile-nav="v198"] .site-header[data-global-header="v190"]{z-index:70}
  body[data-global-mobile-nav="v198"] .site-header[data-global-header="v190"] .primary-nav{z-index:120}
}

@media (max-width:1180px){
  body[data-global-mobile-nav="v198"] .account-sidebar,
  body[data-global-mobile-nav="v198"] .admin-sidebar{
    padding-top:calc(12px + env(safe-area-inset-top))!important;
  }
  body[data-global-mobile-nav="v198"] .account-sidebar-close{
    top:calc(18px + env(safe-area-inset-top))!important;
    min-width:44px!important;min-height:44px!important;
  }
  body[data-global-mobile-nav="v198"] .admin-sidebar-close{
    top:calc(10px + env(safe-area-inset-top))!important;
  }
  body[data-global-mobile-nav="v198"].account-menu-open,
  body[data-global-mobile-nav="v198"].admin-menu-open{overscroll-behavior:contain}
}

@media (max-width:767px){
  body[data-global-mobile-nav="v198"].account-page{
    --account-mobile-nav-clearance:calc(76px + env(safe-area-inset-bottom));
    padding-bottom:var(--account-mobile-nav-clearance)!important;
  }
  body[data-global-mobile-nav="v198"] .account-mobile-bottom{
    min-height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:max(env(safe-area-inset-bottom),5px)!important;
  }
  body[data-global-mobile-nav="v198"] .account-mobile-bottom a{
    min-height:58px!important;min-width:44px;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-global-mobile-nav="v198"] :is(.primary-nav,.account-sidebar,.admin-sidebar){transition:none!important}
}