/* --------------------------------------------------------------------------
   language-switcher.css
   -------------------------------------------------------------------------- */

.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-wide);
}

.lang-switcher__btn {
  padding: var(--space-1) var(--space-2);
  color: var(--color-text-muted);
  border: 1px solid transparent;
  transition:
    color var(--duration-2) var(--ease-standard),
    border-color var(--duration-2) var(--ease-standard);
}

.lang-switcher__btn:hover,
.lang-switcher__btn:focus-visible {
  color: var(--color-accent-alt);
}

.lang-switcher__btn[aria-pressed="true"] {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.lang-switcher__divider {
  color: var(--color-border);
  user-select: none;
}