/**
 * i18n.css — Switcher de langue commun à toutes les pages
 *
 * Le switcher s'auto-monte dans <div id="lang-switcher"></div> via i18n.js.
 * S'adapte automatiquement aux thèmes clair (index, gastronomie) et sombre
 * (stations-ski, sources-thermales) du site.
 */
.lang-sw {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  opacity: .85;
}
.lang-sw:hover { opacity: 1; }

.vp-lang-btn {
  font-family: var(--sans, 'Plus Jakarta Sans', sans-serif);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  padding: 3px 7px;
  border-radius: 99px;
  text-decoration: none;
  color: inherit;
  opacity: .55;
  transition: opacity .15s, background .15s;
}
.vp-lang-btn:hover { opacity: 1; }
.vp-lang-btn.active {
  opacity: 1;
  background: rgba(0, 50, 111, .12);
  color: var(--france, #00326f);
}
/* Variante sombre (header pages stations-ski / sources-thermales) */
header.dark .vp-lang-btn.active,
.dark-bg .vp-lang-btn.active,
[data-theme="dark"] .vp-lang-btn.active {
  background: rgba(173, 199, 255, .15);
  color: rgba(255, 255, 255, .95);
}