/* EN/FR toggle — themed through --lang-* variables, with sensible fallbacks. */
.lang-switch {
  display: inline-flex; align-items: center; gap: 2px; margin-left: 6px; padding: 3px;
  border-radius: 999px; vertical-align: middle;
  background: var(--lang-bg, rgba(0, 0, 0, 0.08));
  border: 1px solid var(--lang-border, rgba(0, 0, 0, 0.1));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.lang-switch button {
  font: inherit; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em;
  padding: 6px 11px; border: none; border-radius: 999px; cursor: pointer;
  background: transparent; color: var(--lang-ink, inherit); opacity: 0.7;
  transition: background 0.25s, opacity 0.25s, color 0.25s;
}
.lang-switch button:hover { opacity: 1; }
.lang-switch button.active {
  opacity: 1; background: var(--lang-active-bg, rgba(255, 255, 255, 0.9)); color: var(--lang-active-ink, #17324f);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18);
}
.lang-switch-fixed { position: fixed; top: 14px; right: 16px; z-index: 1000; margin: 0; }