/*
  EN/FR toggle in the header. Real navigation links (not JS) between the
  English pages at the site root and their French mirrors under /fr/ --
  works with JS disabled, no client-side language-switch logic needed.
*/

.lang-toggle {
  display: inline-flex;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--radius-sm);
}

.lang-toggle__btn {
  padding: var(--space-1) var(--space-3);
  color: var(--color-text-inverse);
  font-size: var(--font-small);
  font-weight: 700;
}

.lang-toggle__btn.is-active {
  background: var(--color-brand-primary-onDark);
  color: var(--color-brand-dark);
}

@media (max-width: 900px) {
  .lang-toggle {
    order: -1;
  }
}