/* Apple-style frosted glass navigation + language switcher
   Selectors include .ga-ui-modern so this wins over modern-glass.css. */

html body.ga-body .ga-header,
html body.ga-body .ga-header.ga-header--apple,
html body.ga-body.ga-ui-modern .ga-header,
html body.ga-body.ga-ui-modern .ga-header.ga-header--apple {
  height: 112px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.ga-body .ga-header.is-scrolled,
html body.ga-body .ga-header.is-menu,
html body.ga-body.ga-nav-open .ga-header,
html body.ga-body.ga-ui-modern .ga-header.is-scrolled,
html body.ga-body.ga-ui-modern .ga-header.is-menu,
html body.ga-body.ga-ui-modern.ga-nav-open .ga-header {
  height: 100px !important;
  background: transparent !important;
  border: 0 !important;
}

html body.home .ga-header:not(.is-scrolled):not(.is-menu),
html body.home.ga-ui-modern .ga-header:not(.is-scrolled):not(.is-menu) {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

html body.ga-body .ga-header__inner,
html body.ga-body.ga-ui-modern .ga-header__inner,
html body.home.ga-ui-modern .ga-header:not(.is-scrolled):not(.is-menu) .ga-header__inner {
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 18px auto 0 !important;
  padding: 16px 16px 16px 24px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(22px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

html body.ga-body .ga-header.is-scrolled .ga-header__inner,
html body.ga-body .ga-header.is-menu .ga-header__inner,
html body.ga-body.ga-nav-open .ga-header .ga-header__inner,
html body.ga-body.ga-ui-modern .ga-header.is-scrolled .ga-header__inner,
html body.ga-body.ga-ui-modern .ga-header.is-menu .ga-header__inner,
html body.ga-body.ga-ui-modern.ga-nav-open .ga-header .ga-header__inner {
  background: rgba(22, 22, 24, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html body.ga-body .ga-logo,
html body.ga-body.ga-ui-modern .ga-logo {
  width: 108px !important;
  padding: 4px 0 !important;
  color: #fff !important;
}

html body.ga-body .ga-nav,
html body.ga-body.ga-ui-modern .ga-nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
}

html body.ga-body .ga-nav a,
html body.ga-body.ga-ui-modern .ga-nav a {
  padding: 10px 14px !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  background: transparent !important;
  border: 0 !important;
  transition: background 0.25s ease, color 0.25s ease !important;
}

html body.ga-body .ga-nav a:hover,
html body.ga-body .ga-nav a.is-active,
html body.ga-body.ga-ui-modern .ga-nav a:hover,
html body.ga-body.ga-ui-modern .ga-nav a.is-active {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

html body.ga-body .ga-header__cta,
html body.ga-body.ga-ui-modern .ga-header__cta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.ga-body .ga-header__cta .ga-nav-link,
html body.ga-body.ga-ui-modern .ga-header__cta .ga-nav-link {
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
}

html body.ga-body .ga-header__cta .ga-nav-link:hover,
html body.ga-body.ga-ui-modern .ga-header__cta .ga-nav-link:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

html body.ga-body .ga-header__cta .ga-btn .ga-btn__face,
html body.ga-body .ga-header a.ga-btn .ga-btn__face,
html body.ga-body.ga-ui-modern .ga-header__cta .ga-btn .ga-btn__face,
html body.ga-body.ga-ui-modern .ga-header a.ga-btn .ga-btn__face {
  border-radius: 999px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 0 !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

html body.ga-body .ga-header__cta .ga-btn:hover .ga-btn__face,
html body.ga-body.ga-ui-modern .ga-header__cta .ga-btn:hover .ga-btn__face {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #000 !important;
}

html body.ga-body .ga-burger {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* Language switcher — Apple segmented control */
html body.ga-body .ga-lang {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body.ga-body .ga-lang__opt {
  min-width: 34px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
}

html body.ga-body .ga-lang__opt:hover {
  color: #fff !important;
}

html body.ga-body .ga-lang__opt.is-active {
  color: #111 !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18) !important;
}

html body.ga-body .ga-mobile__bar .ga-lang {
  margin-left: auto !important;
  margin-right: 8px !important;
}

@media (max-width: 980px) {
  html body.ga-body .ga-nav,
  html body.ga-body .ga-header__cta .ga-nav-link,
  html body.ga-body .ga-header__cta > a.ga-btn,
  html body.ga-body.ga-ui-modern .ga-nav,
  html body.ga-body.ga-ui-modern .ga-header__cta .ga-nav-link,
  html body.ga-body.ga-ui-modern .ga-header__cta > a.ga-btn {
    display: none !important;
  }

  html body.ga-body .ga-header__inner,
  html body.ga-body.ga-ui-modern .ga-header__inner {
    grid-template-columns: auto 1fr auto !important;
    padding: 14px 12px 14px 18px !important;
  }

  html body.ga-body .ga-header__cta {
    justify-self: end !important;
  }
}

@media (max-width: 640px) {
  html body.ga-body .ga-header,
  html body.ga-body .ga-header.ga-header--apple,
  html body.ga-body.ga-ui-modern .ga-header,
  html body.ga-body.ga-ui-modern .ga-header.ga-header--apple {
    height: 100px !important;
  }

  html body.ga-body .ga-header.is-scrolled,
  html body.ga-body .ga-header.is-menu,
  html body.ga-body.ga-nav-open .ga-header,
  html body.ga-body.ga-ui-modern .ga-header.is-scrolled,
  html body.ga-body.ga-ui-modern .ga-header.is-menu,
  html body.ga-body.ga-ui-modern.ga-nav-open .ga-header {
    height: 92px !important;
  }

  html body.ga-body .ga-header__inner,
  html body.ga-body.ga-ui-modern .ga-header__inner {
    width: calc(100% - 16px) !important;
    margin-top: 12px !important;
    padding: 12px 10px 12px 16px !important;
  }

  html body.ga-body .ga-logo,
  html body.ga-body.ga-ui-modern .ga-logo {
    width: 96px !important;
  }
}