/* Formulaire de contact (04/11/2026) : reprend les champs du tunnel /commande (.cmd-champ, .cmd-bloc). */
.contact-forme{margin-top:28px}
.contact-forme h2{margin:0;font-size:22px}
.contact-forme form{display:grid;gap:18px}
.cmd-champ textarea{width:100%;min-height:150px;padding:12px 14px;border:1.5px solid var(--ligne);border-radius:12px;background:var(--blanc);font:inherit;font-size:16px;line-height:1.5;color:var(--encre);resize:vertical}
.cmd-champ textarea:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 4px rgba(0,118,208,.14)}
.contact-forme .bouton{justify-self:start}
.contact-retour{margin:0;padding:12px 16px;border-radius:12px;background:#FDECEA;color:#8C1D18;font-size:15px}
.contact-retour a{color:inherit;font-weight:700}
.contact-forme form[hidden],.contact-merci[hidden],.contact-retour[hidden]{display:none}
.contact-merci{display:flex;gap:16px;align-items:flex-start;padding:6px 0}
.contact-merci h3{font-size:20px;margin:0 0 4px;color:var(--nuit)}
.contact-merci p{margin:0}
.contact-merci-picto{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#E3F5EA;color:var(--vert)}
.contact-merci-picto svg{width:24px;height:24px}
@media (max-width:600px){
  .contact-forme{padding:22px 18px}
  .contact-forme .cmd-champs{grid-template-columns:1fr}
  .contact-forme .bouton{justify-self:stretch}
}
/* 05/11 (Jade) : en erreur, le rouge l'emporte sur le bleu du focus */
.contact-forme .cmd-champ [aria-invalid="true"],.contact-forme .cmd-champ [aria-invalid="true"]:focus{border-color:#B3261E;box-shadow:0 0 0 4px rgba(179,38,30,.12)}
.contact-confidentialite{margin:0;font-size:14px;color:var(--gris)}
.contact-confidentialite a{color:var(--bleu)}