/* Sélecteur FR / EN de la manchette et bandeau qui propose l'anglais (2026-10-30).
   La langue courante n'est pas un lien ; l'autre mène à la page équivalente. */
.manchette .langue, .manchette-mobile .langue { white-space: nowrap; color: var(--fg58); }
.manchette .langue .active, .manchette-mobile .langue .active { color: var(--fg); }
.manchette-mobile .langue a {
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: transparent;
  transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), text-decoration-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.manchette-mobile .langue a:hover { color: var(--fg); text-decoration-color: currentColor; }
.manchette-mobile .langue a:active { color: var(--fg); opacity: 0.8; }

.bandeau-langue {
  position: fixed; left: 50%; bottom: 24px; z-index: 55; /* au-dessus des panneaux (50), sous la pilule (60) et le formulaire (70) */
  display: flex; align-items: center; gap: 16px;
  max-width: calc(100% - 32px);
  padding: 10px 10px 10px 20px;
  border-radius: 999px;
  background: var(--fg); color: var(--bg);
  font-family: var(--texte); font-size: 12.5px; line-height: 20px; letter-spacing: 0.06em; text-transform: uppercase;
  transform: translate(-50%, 0); opacity: 1;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.bandeau-langue[hidden] { display: flex; visibility: hidden; transform: translate(-50%, 16px); opacity: 0; }
.bandeau-langue a {
  color: var(--bg); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px;
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.bandeau-langue a:hover { opacity: 0.75; }
.bandeau-langue a:active { opacity: 0.6; }
.bandeau-langue button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: var(--bg); font: inherit; font-size: 18px; cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.bandeau-langue button:hover { background: rgba(247, 238, 225, 0.16); }
.bandeau-langue button:active { transform: scale(0.92); }
@media (prefers-reduced-motion: reduce) { .bandeau-langue { transition: none; } }