/* SELF ENTOURAGE — UX RECONCILIATION V17.1
   Emergency correction for the mobile drawer stacking defect shown on production.
   The drawer and its close control must remain above the dimming layer; the page
   behind it may dim, but it must not blur the active navigation surface. */

@media (max-width: 1100px) {
  body[data-nav-open="true"] .site-header {
    z-index: 140 !important;
  }

  body[data-nav-open="true"]::before {
    z-index: 40 !important;
    background: rgba(2, 10, 13, .68) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto;
  }

  body[data-nav-open="true"] .site-header .nav-links,
  body[data-nav-open="true"] .site-header .nav-links[data-open="true"],
  body[data-nav-open="true"] .site-header .nav-toggle {
    filter: none !important;
    opacity: 1 !important;
  }

  body[data-nav-open="true"] .site-header .nav-links[data-open="true"] {
    z-index: 145 !important;
    color: #f7fafb !important;
    background:
      radial-gradient(circle at 18% 8%, rgba(237,203,123,.12), transparent 25%),
      linear-gradient(165deg, #102b34, #06161c 72%) !important;
  }

  body[data-nav-open="true"] .site-header .nav-links[data-open="true"] :is(a,button) {
    color: #f7fafb !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  body[data-nav-open="true"] .site-header .nav-links[data-open="true"] a[aria-current="page"] {
    color: #edcb7b !important;
  }

  body[data-nav-open="true"] .se-route-dock,
  body[data-nav-open="true"] .crown-butler-trigger {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}