/* AQJOL: single final hamburger geometry for both approved header variants.
   Loaded after page-specific CSS to prevent old mobile overrides. */
@media screen and (max-width:1000px), screen and (min-width:1001px) and (max-width:1024px) and (max-height:600px) and (orientation:landscape) {
  html body button.site-header__mobile-toggle,
  html body button.blog-header__burger[data-mobile-menu-open] {
    box-sizing:border-box !important;
    width:40px !important; min-width:40px !important; max-width:40px !important;
    height:40px !important; min-height:40px !important; max-height:40px !important;
    flex:0 0 40px !important;
    flex-direction:column !important; align-items:center !important; justify-content:center !important;
    gap:4px !important; padding:0 !important; margin:0 !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important;
    background:transparent !important; background-image:none !important;
  }
  html body button.site-header__mobile-toggle > span,
  html body button.blog-header__burger[data-mobile-menu-open] > span {
    display:block !important; visibility:visible !important; opacity:1 !important;
    position:static !important; inset:auto !important;
    width:40px !important; min-width:40px !important; max-width:40px !important;
    height:1.2px !important; min-height:1.2px !important; max-height:1.2px !important;
    flex:0 0 1.2px !important; padding:0 !important; margin:0 !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important;
    background:#1f1f1f !important; background-image:none !important;
    transform:none !important; rotate:none !important; scale:none !important;
  }
  html body button.site-header__mobile-toggle > span:nth-of-type(n+3),
  html body button.blog-header__burger[data-mobile-menu-open] > span:nth-of-type(n+3),
  html body button.site-header__mobile-toggle::before,
  html body button.site-header__mobile-toggle::after,
  html body button.blog-header__burger[data-mobile-menu-open]::before,
  html body button.blog-header__burger[data-mobile-menu-open]::after {
    display:none !important; content:none !important; background:none !important;
  }
}

/* AQJOL — the logo plate, phones and small tablets only.
   site.css gives .site-header__logo / .site-header__expanded-logo a
   `background: var(--site-header-glass)` tile. Up to 960px the compact bar is the only
   header and that tile reads as a white box around the wordmark on the hero photo, so
   it goes.

   From 961px nothing here applies and site.css is left entirely alone: the expanded
   header keeps its tile, and the collapsed bar keeps the rgba(255,255,255,.12) that
   site.css already gives the logo and the menu together. Matching them by deleting a
   rule rather than by restating a colour means they cannot drift apart later. */
@media (max-width: 960px) {
    .site-header__logo,
    .site-header__expanded-logo {
        border: 0 !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}