@import url("/assets/mobile-nav-three-zone-20260808h.css");

@media (min-width: 641px) {
  .site-header .language-picker {
    position: relative;
  }

  .site-header .nav-tools {
    position: relative;
  }

  /* Keep the hover state alive while the pointer travels from the tools to
     the dropdown panels, which sit below the header row. */
  .site-header .nav-tools::after {
    content: "";
    position: absolute;
    left: -320px;
    right: 0;
    top: 100%;
    height: 16px;
    z-index: 79;
  }

  .site-header .language-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #d5d8dc;
    transition: color 160ms ease, background-color 160ms ease;
  }

  .site-header .language-globe {
    display: none;
  }

  .site-header .language-trigger::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: none;
    background-color: currentColor;
    -webkit-mask: url("/language-globe.png") center / contain no-repeat;
    mask: url("/language-globe.png") center / contain no-repeat;
    transition: background-color 160ms ease;
  }

  .site-header .language-trigger:hover,
  .site-header .language-trigger:focus-visible,
  .site-header .language-picker:hover .language-trigger,
  .site-header .language-picker:focus-within .language-trigger {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--orange) !important;
  }

  .site-header .language-trigger:hover .language-globe,
  .site-header .language-trigger:focus-visible .language-globe,
  .site-header .language-picker:hover .language-globe,
  .site-header .language-picker:focus-within .language-globe {
    filter: none;
  }

  .site-header .language-trigger::-moz-focus-inner {
    border: 0;
  }

  .site-header .nav-tools:hover .nav-search-panel,
  .site-header .nav-tools:focus-within .nav-search-panel,
  .site-header .nav-tools:hover .language-menu,
  .site-header .nav-tools:focus-within .language-menu {
    display: flex;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .site-header .nav-tools:hover .language-menu,
  .site-header .nav-tools:focus-within .language-menu {
    display: grid;
  }
}

@media (max-width: 640px) {
  .site-header .brand-logo {
    width: 60px;
    min-width: 60px;
    height: 38.4px;
  }
}