/*
 * Formulaires — Le Poids des Mots
 * Onglets du formulaire de contact + champs.
 */

.onglets{display:flex;gap:0;border-bottom:1px solid var(--filet);flex-wrap:wrap}
.onglets button{font-family:var(--sans);font-size:15px;padding:14px 22px;background:none;border:none;border-bottom:2px solid transparent;color:var(--sourdine);cursor:pointer}
.onglets button[aria-selected="true"]{color:var(--encre);border-bottom-color:var(--peche-fonce);font-weight:600}

.formulaire{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:28px}
.champ{display:flex;flex-direction:column;gap:7px}
.champ.large{grid-column:1/-1}
.champ label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--sourdine)}
.champ input,.champ select,.champ textarea{font-family:var(--sans);font-size:15px;padding:11px 13px;border:1px solid var(--filet-fort);background:var(--papier);color:var(--texte);border-radius:2px}
.champ textarea{min-height:110px;resize:vertical}
.champ input:invalid,.champ.a-erreur input,.champ.a-erreur textarea{border-color:var(--erreur)}
.note-form{font-size:13.5px;color:var(--sourdine);margin-top:16px}

.erreur-champ{font-size:12.5px;color:var(--erreur);margin:0}

.alerte{padding:16px 18px;border:1px solid transparent;font-size:14.5px;margin-bottom:22px}
.alerte-succes{background:var(--succes-pale);border-color:var(--succes);color:var(--succes)}
.alerte-erreur{background:var(--erreur-pale);border-color:var(--erreur);color:var(--erreur)}

/* Piège à robots : champ réel pour un lecteur d'écran mais retiré du flux
   visuel — jamais display:none, que les bots savent détecter. */
.champ-piege{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}