/* Preserve the transparent, difference-blended sticky header when closed. */
@media (max-width: 1024px) {
  /* The two service pages have a rotating badge whose painted bounds can
     enlarge the mobile layout viewport during its entrance animation. */
  html:has(body:is(.page-id-15, .page-id-23)),
  body:is(.page-id-15, .page-id-23) {
    overflow-x: hidden;
  }
  /* Mobile fixed-position percentages may follow the expanded layout viewport
     while page content still uses the device-width CSS viewport. */
  .breeze-location-header :is(.breeze-element-78e987a5, .breeze-element-45a6f8a, .breeze-element-95ccf9a) {
    width: 100vw;
    max-width: 100vw;
    left: 0;
    right: auto;
  }
}
.breeze-location-header .text-cont-on .breeze-language-menu:not([open]) > summary {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
/* Open header menus need a solid surface outside the difference blend effect. */
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) {
  mix-blend-mode: normal;
  background-color: #f0f0f0 !important;
}
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .breeze-widget-image img {
  filter: brightness(0);
}
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .breeze-nav-menu--main > .breeze-nav-menu > li > .breeze-item,
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .breeze-widget-icon .breeze-icon {
  color: #333;
}
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .breeze-widget-icon .breeze-icon svg {
  fill: #333;
}
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .sub-arrow,
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .sub-arrow svg,
.breeze-location-header .text-cont-on:has(.breeze-language-menu[open], .breeze-nav-menu--main .brz-submenu-open) .sub-arrow svg path {
  color: #333;
  fill: currentColor;
}
.breeze-location-header .breeze-language-menu[open] > summary {
  color: #333;
  border-color: #b9b9b9;
  background-color: #f0f0f0;
}
.breeze-location-header .breeze-language-menu[open] > .breeze-language-switcher {
  mix-blend-mode: normal;
  background-color: #fff;
}

/* Keep the language control readable while the services menu is open. */
.breeze-location-header .text-cont-on:has(.breeze-nav-menu--main .brz-submenu-open) .breeze-language-menu > summary {
  color: #333;
  border-color: #b9b9b9;
  background-color: #f0f0f0;
}