/* Approved faint grey masthead, shared by every public page type.
 * The alpha belongs to the background only; text and controls stay opaque. */
/* Compact only the desktop upper strip. Individual translation changes its
 * visible position without changing its layout height or the banner below. */
@media (min-width: 1400px) {
  html body[class][class][class][class][class] #header.header-default.mobile-header.wild-compact-upper .header-main-inner {
    translate: 0 -28px !important;
  }
  html body[class][class][class][class][class] #header.header-default.mobile-header.wild-compact-upper::before {
    height: max(0px, calc(var(--wild-grey-header-height, 100%) - 36px));
  }
}
html body[class][class][class][class][class] #header.header-default.mobile-header {
  background-color: transparent !important;
  isolation: isolate;
}
html body[class][class][class][class][class] #header.header-default.mobile-header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: var(--wild-grey-header-height, 100%);
  background: rgba(160, 160, 160, .23);
  border-bottom: 1px solid rgba(235, 235, 235, .28);
  box-sizing: border-box;
  pointer-events: none;
  z-index: -1;
}
html body[class][class][class][class][class] #header.header-default.mobile-header > .topbar,
html body[class][class][class][class][class] #header.header-default.mobile-header > .mobile-header-frame,
html body[class][class][class][class][class] #header.header-default.mobile-header .header-main,
html body[class][class][class][class][class] #header.header-default.mobile-header .wild-header-utilities {
  background-color: transparent !important;
  box-shadow: none !important;
}
/* Continue the existing rotating photograph behind a header in normal flow.
 * Existing overlay headers require no extension; their measured gap is zero. */
.wild-grey-photo-overflow,
.wild-fast-header.wild-grey-banner {
  overflow: visible !important;
}
.wild-fast-header.wild-grey-banner .wild-fast-photo {
  top: calc(-1 * var(--wild-grey-photo-extension, 0px)) !important;
  height: calc(100% + var(--wild-grey-photo-extension, 0px)) !important;
}
/* Account pages contain a separate raster banner rather than a live slideshow.
 * Give that image the same veil without changing its file or link behavior. */
html body[class][class][class][class][class] #header.wild-single-header .wild-approved-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(160, 160, 160, .23);
  pointer-events: none;
}
@media (min-width: 992px) {
  html body[class][class][class][class][class] #header.header-default.mobile-header #wildisrael-mobile-navigation ul.gva_menu.gva_menu_main > li > a {
    background: rgba(160, 160, 160, .08) !important;
    color: #111 !important;
    border-color: rgba(235, 235, 235, .25) !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, .9) !important;
  }
  html body[class][class][class][class][class] #header.header-default.mobile-header #wildisrael-mobile-navigation ul.gva_menu.gva_menu_main > li > a:hover,
  html body[class][class][class][class][class] #header.header-default.mobile-header #wildisrael-mobile-navigation ul.gva_menu.gva_menu_main > li > a:focus-visible {
    background: rgba(160, 160, 160, .22) !important;
  }
  html body[class][class][class][class][class] #header.header-default.mobile-header :is(.wild-header-language, .wild-header-search, .gva-user-region > .icon) {
    color: #111 !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, .9);
  }
}
@media (max-width: 991.98px) {
  html body[class][class][class][class][class] #header.header-default.mobile-header::before {
    height: var(--wild-grey-header-height, 90px);
  }
  /* Keep the opened mobile menu and its existing solid background unchanged. */
  html body[class][class][class][class][class] #header.header-default.mobile-header #menu-bar span {
    background: #222 !important;
    box-shadow: 0 1px 3px rgba(255, 255, 255, .9) !important;
  }
}