/* =============================================================
   HEADER OVERRIDES
   site.css (loaded first) contains the full design token set
   and the original header/mobile-nav styles. This file only
   patches the two things that were broken in the original:

   1. Mobile overlay z-index — original was z-index:999 which
      placed it BELOW the fixed header (z-index:1000). Fixed to
      z-index:99999 so it truly overlays all page content.

   2. Mobile overlay position — original was a child of <header>
      which created a stacking-context trap. header.php now
      renders the overlay OUTSIDE <header> so this rule targets
      it correctly.
   ============================================================= */

/* ── Overlay: override original z-index:999 ───────────────── */
.mobile-nav-overlay {
  /* Must exceed .site-header z-index:1000 */
  z-index: 99999 !important;
  /* Slide in from right (original used translateX(100%) — keep that) */
}

/* ── Scrim behind the drawer ───────────────────────────────── */
/* Not in the original — adds a dimming backdrop when drawer opens */
body.nav-open::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99998;
}

/* ── Lang menu sits above header bar ───────────────────────── */
.lang-menu {
  z-index: 1010;
}