/* AHU water-glass header: light reflections, low blur, unchanged navigation. */
#publicSiteHeader {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: width .28s cubic-bezier(.22,1,.36,1),
              top .28s cubic-bezier(.22,1,.36,1),
              border-radius .28s cubic-bezier(.22,1,.36,1);
}

/* Keep the compact header; avoid relaying out the page throughout a height tween. */
#publicSiteHeader > div:first-child { transition: none; }

#publicSiteHeader.ahu-liquid-scrolled {
  background: linear-gradient(115deg,rgba(255,255,255,.88),rgba(239,248,255,.73) 48%,rgba(255,250,238,.86)) !important;
  -webkit-backdrop-filter: blur(4px) saturate(125%) !important;
  backdrop-filter: blur(4px) saturate(125%) !important;
  border-color: rgba(255,255,255,.86) !important;
  box-shadow: 0 10px 28px rgba(7,27,56,.10), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(12,43,89,.07), inset 1px 0 0 rgba(255,255,255,.60) !important;
}

#publicSiteHeader.ahu-liquid-scrolled::before {
  background: linear-gradient(170deg,rgba(255,255,255,.48),rgba(255,255,255,.05) 45%,rgba(195,227,255,.09) 68%,rgba(255,255,255,.24));
}

#publicSiteHeader.ahu-liquid-scrolled::after {
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.98) 40%,rgba(223,240,255,.68) 75%,transparent);
}

/* The button shares the header's glass surface; a second blur layer is unnecessary. */
#publicSiteHeader.ahu-liquid-scrolled button[onclick="togglePortalAccessMenu()"] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (max-width: 768px), (pointer: coarse) {
  #publicSiteHeader.ahu-liquid-scrolled {
    background: linear-gradient(115deg,rgba(255,255,255,.94),rgba(240,248,255,.86) 48%,rgba(255,250,238,.92)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 6px 18px rgba(7,27,56,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #publicSiteHeader { transition: none !important; }
  #publicSiteHeader.ahu-liquid-scrolled {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}