.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.language-switcher {
  flex: 0 0 auto;
  margin-left: auto;
}

.language-switcher select {
  min-height: 42px;
  max-width: 132px;
  padding: 0 34px 0 13px;
  color: var(--color-text);
  background-color: rgba(8, 120, 249, 0.1);
  border: 1px solid rgba(114, 185, 255, 0.42);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 760;
  cursor: pointer;
  color-scheme: dark;
}

.language-switcher select option {
  color: #f8fbff;
  background: #06132b;
}

.language-switcher select option:checked {
  color: #00101c;
  background: #72b9ff;
}

.language-switcher select:focus-visible {
  outline: 3px solid rgba(52, 211, 153, 0.38);
  outline-offset: 3px;
}

.nav {
  gap: 16px;
}

.nav-links {
  gap: clamp(12px, 1.55vw, 20px);
}

/* Keep long translated labels inside the buyer header across system fonts. */
@media (min-width: 1181px) {
  [data-buyer-navigation] .nav {
    padding-block: 10px;
  }

  [data-buyer-navigation] .nav-links {
    min-width: 0;
    flex-wrap: wrap;
    row-gap: 8px;
  }
}

@media (max-width: 1180px) {
  .language-switcher {
    order: 2;
  }

}

@media (max-width: 520px) {
  .language-switcher select {
    max-width: 116px;
  }
}