/* Formulaire /contact/ (#contact-form) : chargé par la seule page de contact (tâche 63). Rien d'autre n'est touché. */
/* Tâche 63 (parcours de contact) : formulaire /contact/ (#contact-form), rien d'autre n'est touché.
   1. La case de consentement héritait de « .contact-inner input » (largeur 100 %, hauteur 56 px, texte centré) : elle s'affichait en grand carré
      détaché de son texte. On la remet à sa taille (22 px, zone cliquable = toute la ligne) et on aligne le texte à gauche.
   2. Champs à 16 px au moins sur mobile : sous 16 px, Safari iOS zoome la page au focus (les champs étaient à 15 px, les listes à 14 px).
   3. Aide, erreurs et message d'état du formulaire (associés aux champs par aria-describedby, voir assets/js/contact-form.js). */
#contact-form .contact-consent { display: flex; gap: 12px; align-items: flex-start; text-align: left; margin: 0; cursor: pointer; }
#contact-form .contact-consent input[type="checkbox"] { flex: 0 0 22px; width: 22px; height: 22px; margin: 2px 0 0; padding: 0; border: 0; accent-color: #1d4ed8; cursor: pointer; }
/* 4. Les deux colonnes étaient des flottants sans conteneur qui les enveloppe : dès qu'un message d'erreur allonge un champ, les suivants se décalent.
      Chaque ligne devient un conteneur flex (mêmes largeurs de 50 % / 100 %, rendu identique tant qu'aucune erreur n'est affichée). */
#contact-form .contact-input { display: flex; flex-wrap: wrap; }
#contact-form .contact-input .contact-inner { float: none; }
#contact-form .contact-required-note { font-size: .875rem; color: #475569; margin: 0 0 16px; }
#contact-form .contact-help { font-size: .875rem; color: #475569; margin: 6px 0 0; }
#contact-form .contact-field-error { font-size: .875rem; font-weight: 600; color: #b42318; margin: 6px 0 0; }
#contact-form .contact-inner input[aria-invalid="true"],
#contact-form .contact-inner textarea[aria-invalid="true"],
#contact-form .contact-inner select[aria-invalid="true"] { border-color: #b42318; }
#contact-form .contact-status { font-size: .95rem; font-weight: 600; color: #1e293b; margin: 12px 0 0; }
#contact-form .contact-status:empty { display: none; }
#contact-form .contact-status.contact-status--error { color: #b42318; }
#contact-form .submit-btn button[aria-disabled="true"] { opacity: .75; cursor: progress; }
@media (max-width: 575.98px) {
  #contact-form .contact-inner input:not([type="checkbox"]),
  #contact-form .contact-inner textarea,
  #contact-form .contact-inner select { font-size: 16px; }
}