/* Compact WPML language switcher aligned with the Maconda navigation system. */
.maconda-language-switcher {
  --mls-ink: var(--brand-indigo, var(--color-ink, currentColor));
  --mls-accent: var(--brand-orange, var(--mls-ink));
  --mls-active-bg: color-mix(in srgb, var(--mls-accent) 9%, transparent);
  --mls-hover-bg: var(--brand-indigo-t-1, color-mix(in srgb, var(--mls-ink) 6%, transparent));
  --mls-focus: var(--color-focus, var(--mls-accent));
  --mls-ease: cubic-bezier(.16, 1, .3, 1);
  --mls-font-size: var(--text-action, 1.4rem);
  --mls-target: 3.6rem;

  display: inline-flex;
  align-items: center;
  color: var(--mls-ink);
  font-family: var(--font-body, inherit);
  font-size: var(--mls-font-size);
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.maconda-language-switcher *,
.maconda-language-switcher *::before,
.maconda-language-switcher *::after {
  box-sizing: border-box;
}

.maconda-language-switcher .mls-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.maconda-language-switcher .mls-item {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.maconda-language-switcher .mls-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--mls-target);
  min-height: var(--mls-target);
  padding: .6rem var(--space-2xs, .7rem);
  border-radius: var(--radius, 5px);
  background-color: transparent;
  color: var(--mls-ink);
  font: inherit;
  font-weight: 500;
  letter-spacing: -.015em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms var(--mls-ease), color 180ms var(--mls-ease);
}

.maconda-language-switcher .mls-item.is-active .mls-link {
  background-color: var(--mls-active-bg);
  color: var(--mls-accent);
  font-weight: 500;
}

.maconda-language-switcher a.mls-link:focus-visible {
  outline: 2px solid var(--mls-focus);
  outline-offset: 2px;
}

@media (hover: hover) {
  .maconda-language-switcher a.mls-link:hover {
    background-color: var(--mls-hover-bg);
    color: var(--mls-accent);
  }
}

@media (forced-colors: active) {
  .maconda-language-switcher .mls-item.is-active .mls-link {
    outline: 1px solid CanvasText;
    outline-offset: -1px;
    background: Canvas;
    color: LinkText;
  }
}

@media (prefers-reduced-motion: reduce) {
  .maconda-language-switcher .mls-link {
    transition: none;
  }
}