/* Superblok V4.2.3 — clear mobile drawer stacking hotfix.
   Scope: public/admin mobile drawer layers only. No server-side modules,
   authentication, RBAC, database, Base64 rendering, or fixed-header behavior changed. */

@media (max-width: 780px) {
  /* The old nav-wrap z-index created a stacking context below the scrim.
     That made the scrim sit over the drawer and produced a grey/blurred menu. */
  .site-header .nav-wrap {
    z-index: auto !important;
    isolation: auto !important;
  }

  /* Drawer must stay above the scrim and render as a fully opaque surface. */
  .site-header .main-nav,
  .site-header .main-nav:not(.open),
  .site-header .main-nav.open {
    z-index: 1230 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  .site-header .main-nav *,
  .site-header .main-nav::before,
  .site-header .main-nav::after {
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  /* Scrim darkens only the page behind the drawer. It must never blur or cover it. */
  .site-header .nav-scrim,
  .site-header .nav-scrim:not(.visible),
  .site-header .nav-scrim.visible {
    z-index: 1220 !important;
    background: rgba(5, 14, 11, .56) !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  /* Never blur or fade the document when the menu is open. */
  body.mobile-nav-open main,
  body.mobile-nav-open .site-footer,
  body.mobile-nav-open .site-header,
  body.mobile-nav-open .site-header .brand,
  body.mobile-nav-open .site-header .nav-toggle,
  body.mobile-nav-open .workspace-hero,
  body.mobile-nav-open .home-workspace-hero {
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media (max-width: 980px) {
  /* Apply the same solid-layer rule to the administrator drawer. */
  .admin-sidebar,
  .admin-sidebar.open {
    background: #11271f !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  .admin-sidebar *,
  .admin-sidebar::before,
  .admin-sidebar::after {
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  .admin-nav-scrim,
  .admin-nav-scrim.visible {
    background: rgba(5, 12, 10, .58) !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }
}