/* Bawabet mobile navigation repair v2 — isolated file; does not modify style.css. */
.mobile-nav-backdrop,.mobile-nav-heading,.mobile-nav-close{display:none}
@media (max-width: 760px) {
  body.nav-open { overflow:hidden !important; }
  body.nav-open .header { position:sticky !important; z-index:10000 !important; }
  body.nav-open .header .mobile-nav-backdrop {
    display:block !important; position:fixed !important; inset:0 !important;
    width:100vw !important; height:100vh !important; height:100dvh !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
    background:rgba(4,22,19,.66) !important; z-index:9998 !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
  }
  body.nav-open .header nav#site-mobile-nav {
   
    top:8px !important; right:8px !important; bottom:8px !important; left:auto !important;
    width:calc(100vw - 24px) !important; max-width:390px !important; min-width:0 !important;
    height:auto !important; max-height:calc(100vh - 16px) !important; max-height:calc(100dvh - 16px) !important;
    overflow-x:hidden !important; overflow-y:auto !important; flex-direction:column !important;
    flex-wrap:nowrap !important; align-items:stretch !important; justify-content:flex-start !important;
    gap:9px !important; margin:0 !important; padding:16px !important; box-sizing:border-box !important;
    border:1px solid rgba(226,199,131,.58) !important; border-radius:22px !important;
    background:linear-gradient(150deg,#16483e 0%,#0c332c 52%,#082720 100%) !important;
    color:#fffdf7 !important; box-shadow:0 24px 65px rgba(4,24,20,.52), inset 0 1px 0 rgba(255,255,255,.08) !important;
    transform:none !important; visibility:visible !important; opacity:1 !important;
    pointer-events:auto !important; transition:none !important; z-index:10001 !important;
  }
  body.nav-open .header nav#site-mobile-nav > * { position:static !important; float:none !important; transform:none !important; visibility:visible !important; opacity:1 !important; flex-shrink:0 !important; }
  body.nav-open .header nav#site-mobile-nav .mobile-nav-heading { display:flex !important; align-items:center !important; justify-content:space-between !important; min-height:48px !important; margin:0 0 5px !important; padding:0 3px 10px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.17) !important; background:transparent !important; color:#e2c783 !important; font-size:14px !important; font-weight:700 !important; }
  body.nav-open .header nav#site-mobile-nav .mobile-nav-close { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; min-width:38px !important; height:38px !important; min-height:38px !important; margin:0 !important; padding:0 !important; border:1px solid rgba(226,199,131,.55) !important; border-radius:12px !important; background:rgba(255,255,255,.08) !important; color:#fff2c9 !important; font-size:28px !important; line-height:1 !important; cursor:pointer !important; }
  body.nav-open .header nav#site-mobile-nav > a,
  body.nav-open .header nav#site-mobile-nav .category-nav-trigger {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    width:100% !important; min-width:0 !important; min-height:50px !important; box-sizing:border-box !important;
    margin:0 !important; padding:12px 15px !important; border:1px solid rgba(226,199,131,.20) !important;
    border-radius:14px !important; background:linear-gradient(110deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important; color:#fffdf7 !important;
    font-size:13px !important; line-height:1.6 !important; text-align:right !important;
    text-decoration:none !important; white-space:normal !important; box-shadow:none !important;
  }
  body.nav-open .header nav#site-mobile-nav > a:not(.nav-home-icon)::after { content:'‹'; color:#e2c783; font-size:19px; margin-inline-start:10px; }
  body.nav-open .header nav#site-mobile-nav > a.nav-home-icon { justify-content:center !important; min-height:44px !important; }
  body.nav-open .header nav#site-mobile-nav > a.nav-home-icon::after { display:none !important; }
  body.nav-open .header nav#site-mobile-nav > a.nav-home-icon svg { display:block !important; width:19px !important; height:19px !important; fill:currentColor !important; stroke:none !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-item { display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-dropdown { display:block !important; position:static !important; width:100% !important; max-height:none !important; overflow:visible !important; margin:6px 0 2px !important; padding:8px !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:13px !important; background:rgba(0,0,0,.12) !important; box-shadow:none !important; transform:none !important; visibility:visible !important; opacity:1 !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-dropdown-title { display:block !important; color:#e2c783 !important; font-size:11px !important; padding:3px 5px 8px !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-link { display:flex !important; align-items:center !important; gap:9px !important; min-height:42px !important; margin:3px 0 !important; padding:8px !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px !important; background:rgba(255,255,255,.04) !important; color:#fffdf7 !important; font-size:11px !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-icon { display:grid !important; place-items:center !important; width:28px !important; height:28px !important; flex:0 0 28px !important; border-radius:8px !important; background:rgba(216,189,131,.13) !important; }
  body.nav-open .header nav#site-mobile-nav .category-nav-icon img { display:block !important; width:22px !important; height:22px !important; object-fit:contain !important; }
}
@media(max-width:380px){body.nav-open .header nav#site-mobile-nav{top:8px !important;right:8px !important;bottom:8px !important;left:auto !important;width:calc(100vw - 16px) !important;max-width:390px !important;padding:13px !important;}}

/* Last-resort visibility repair for existing navigation markup. */
@media (max-width:760px) {
  body.nav-open #site-mobile-nav { display:flex!important; }
  body.nav-open #site-mobile-nav .mobile-nav-heading { display:flex!important; }
  body.nav-open #site-mobile-nav .mobile-nav-close { display:inline-flex!important; visibility:visible!important; opacity:1!important; }
  body.nav-open #site-mobile-nav > a:not(.nav-home-icon),
  body.nav-open #site-mobile-nav .category-nav-item,
  body.nav-open #site-mobile-nav .category-nav-trigger { display:flex!important; visibility:visible!important; opacity:1!important; }
  body.nav-open #site-mobile-nav .category-nav-item { flex-direction:column!important; align-items:stretch!important; }
  body.nav-open #site-mobile-nav .category-nav-dropdown { display:block!important; visibility:visible!important; opacity:1!important; }
}