/* Sheetzer compatibility + critical mobile navigation fix — 2026-08-20 */
@media (max-width: 620px) {
  /* Chromium: keep the header from becoming a fixed-position containing block. */
  html body .site-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

  html body .site-header:has(#primary-menu.nav.is-open) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
    perspective: none !important;
    contain: none !important;
    will-change: auto !important;
  }
  html body .site-header:has(#primary-menu.nav.is-open) .header-inner {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
    perspective: none !important;
    contain: none !important;
    will-change: auto !important;
  }
  html body .site-header #primary-menu.nav.is-open {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: min(92svh, 780px) !important;
    max-height: min(92svh, 780px) !important;
    margin: 0 !important;
    transform: none !important;
    animation: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
  }
  html body .site-header #primary-menu.nav.is-open > .sheetzer-mobile-nav-head {
    top: 0 !important;
  }
  html body .site-header #primary-menu.nav.is-open > .sheetzer-mobile-nav-footer {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
  }
}

/* Critical responsive navigation text repair — 20260820-v2 */
@media (max-width: 1480px) {
  html body .site-header #primary-menu.nav.is-open > a[data-sheetzer-nav-item],
  html body .site-header #primary-menu.nav.is-open > button[data-sheetzer-nav-item],
  html body .site-header #primary-menu.nav.is-open > .nav-admin-login {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
  }
  html body .site-header #primary-menu.nav.is-open > a[data-sheetzer-nav-item] > .sheetzer-nav-copy,
  html body .site-header #primary-menu.nav.is-open > button[data-sheetzer-nav-item] > .sheetzer-nav-copy,
  html body .site-header #primary-menu.nav.is-open > .nav-admin-login > .sheetzer-account-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  html body .site-header #primary-menu.nav.is-open .sheetzer-nav-copy > strong,
  html body .site-header #primary-menu.nav.is-open .sheetzer-account-copy > strong,
  html body .site-header #primary-menu.nav.is-open .sheetzer-account-copy > span {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}