/* The approved translucent header controls, shared by every page template.
   Only the top-of-page state changes. Keep geometry, CTA, scrolling and menu
   states owned by the existing header styles. */
@layer sr-header-glass {
  body#sr-design:not(.sr-menu-open) #nav:not(.nav--scrolled) :is(.nav__city-btn,.nav__phone,.nav__hamburger) {
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(255,255,255,.32)!important;
    color:#f4efe5!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  @media (hover:hover) {
    body#sr-design:not(.sr-menu-open) #nav:not(.nav--scrolled) :is(.nav__city-btn,.nav__phone,.nav__hamburger):hover {
      background:rgba(255,255,255,.14)!important;
      border-color:rgba(255,255,255,.5)!important;
    }
  }
  body#sr-design:not(.sr-menu-open) #nav:not(.nav--scrolled) :is(.nav__city-btn,.nav__phone,.nav__hamburger):focus-visible {
    outline:2px solid #f5c400!important;
    outline-offset:3px!important;
  }
}