/* UmrahRoom Mobile Navigation V2 — 2026-09-27
   Fixes: backdrop above drawer, dim/unclickable menu, RTL drawer peek. */
@media (max-width:900px){
  html body .ur-global-header{
    z-index:1450!important;
    isolation:isolate!important;
  }

  /* The dim layer stays BELOW the header/drawer so it can never intercept menu clicks. */
  html body .mobile-menu-backdrop,
  html[data-theme="dark"] body .mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1390!important;
    display:block!important;
    background:rgba(4,20,43,.12)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility 0s linear .18s!important;
  }
  html body.menu-open .mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease!important;
  }

  /* Drawer is fully outside the viewport when closed — no LTR/RTL side sliver. */
  html body .ur-global-header .site-nav{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    inset-inline-end:0!important;
    inset-inline-start:auto!important;
    width:min(88vw,360px)!important;
    height:100dvh!important;
    z-index:1600!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:0 13px 22px!important;
    margin:0!important;
    background:#fff!important;
    color:#10274b!important;
    border:0!important;
    border-inline-start:1px solid #e1e8f2!important;
    border-radius:0!important;
    box-shadow:-16px 0 42px rgba(5,31,68,.16)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(112%,0,0)!important;
    transition:transform .22s ease,opacity .14s ease,visibility 0s linear .22s!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  html[dir="rtl"] body .ur-global-header .site-nav{
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
    transform:translate3d(-112%,0,0)!important;
    border-inline-start:0!important;
    border-inline-end:1px solid #e1e8f2!important;
    box-shadow:16px 0 42px rgba(5,31,68,.16)!important;
  }
  html body .ur-global-header .site-nav.open,
  html body .ur-global-header .site-nav.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .22s ease,opacity .14s ease!important;
  }

  html body .ur-global-header .mobile-nav-head{
    background:#fff!important;
    opacity:1!important;
    filter:none!important;
  }
  html body .ur-global-header .site-nav a,
  html body .ur-global-header .site-nav button,
  html body .ur-global-header .site-nav summary{
    pointer-events:auto!important;
  }
  html body.menu-open{overflow:hidden!important;}

  /* Dark mode stays intentional instead of looking like an accidental dim overlay. */
  html[data-theme="dark"] body .ur-global-header .site-nav,
  html[data-theme="dark"] body .ur-global-header .mobile-nav-head{
    background:#0b1d33!important;
    color:#eef6ff!important;
    border-color:#25415f!important;
  }
}