/* ============================================================================
   GLOBAL CS — Styles additionnels : accessibilité + sélecteur de langue
   (complète 00index.css / mobile-nav.css sans les modifier)
   ============================================================================ */

/* ── Lien d'évitement (accessibilité clavier / lecteurs d'écran) ────────── */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  background: #8cbf44;
  color: #11181f;
  padding: 10px 16px;
  font-weight: 700;
  border-radius: 0 0 8px 0;
  font-family: "Montserrat", sans-serif;
}
.skip-link:focus {
  left: 0;
}

/* ── Sélecteur de langue (desktop, dans la barre de navigation) ─────────── */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 4px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.lang-switch .lang-opt {
  color: rgba(255, 255, 255, .62);
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 6px;
  transition: color .15s, background .15s;
}
.lang-switch .lang-opt:hover {
  color: #fff;
}
.lang-switch .lang-opt.active {
  color: #8cbf44;
}
.lang-switch .lang-sep {
  color: rgba(255, 255, 255, .28);
}

/* ── Sélecteur de langue (panneau mobile) ───────────────────────────────── */
.m-lang {
  display: flex;
  gap: 10px;
  padding: 16px 6px 6px;
  border-top: 1px solid rgba(255, 255, 255, .07);
  margin-top: 8px;
}
.m-lang a {
  flex: 1;
  text-align: center;
  padding: 12px;
  border: 1.5px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  color: rgba(255, 255, 255, .8);
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.m-lang a.active {
  border-color: #8cbf44;
  color: #8cbf44;
  background: rgba(140, 191, 68, .08);
}

/* ── Sur mobile : masquer le sélecteur desktop (présent dans le panneau) ── */
@media (max-width: 900px) {
  .nav-links > .lang-switch { display: none; }
}

/* ── Message de statut du formulaire de contact (succès / erreur) ───────── */
.lead-status {
  margin-top: 12px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 8px;
}
.lead-status:empty {
  display: none;
}
.lead-status.ok {
  color: #2f7d32;
  background: #eef7de;
  border: 1px solid #cfe8a8;
  padding: 11px 13px;
}
.lead-status.err {
  color: #b42318;
  background: #fdecea;
  border: 1px solid #f4c1bb;
  padding: 11px 13px;
}