/* ============================================================
   CONTACT — annesoeapas.fr (formulaire)
   a11y : labels visibles, cibles ≥ 44px, focus global (base.css).
   ============================================================ */

.contact-form { max-width: 40rem; margin-top: var(--space-4); }

.form-row { margin-bottom: var(--space-4); }
.form-row label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--space-1);
}
.form-row input,
.form-row textarea {
  width: 100%;
  min-height: var(--target-comfort); /* 44px confort mobile */
  padding: var(--space-2);
  font: inherit;
  color: var(--text);
  background: var(--bg);
  border: 2px solid var(--accent); /* bordure UI ≥ 3:1 */
  border-radius: var(--radius);
}
.form-row textarea { min-height: 8rem; resize: vertical; }

.form-help {
  display: block;
  margin-top: var(--space-1);
  font-size: 0.9rem;
}

/* Consentement : case + label sur une ligne */
.form-consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.form-consent input { min-width: var(--target-min); min-height: var(--target-min); margin-top: 0.2em; }
.form-consent label { font-weight: 400; }

.form-required { font-size: 0.9rem; }

/* Honeypot : hors écran, non focusable, mais présent dans le DOM (anti-spam) */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Suggestion de correction de typo e-mail (non bloquante, remplie par contact.js).
   Vide par défaut → invisible (pas de réservation d'espace inutile). */
.email-suggest:empty { display: none; }
.email-suggest {
  display: block;
  margin-top: var(--space-1);
  font-size: 0.9rem;
  color: var(--text);
}
/* Bouton « Corriger » : remplit le champ, jamais d'auto-correction. Cible tactile confort. */
.email-suggest button {
  min-height: var(--target-comfort);
  margin-left: var(--space-1);
  padding: 2px var(--space-2);
  font: inherit;
  font-weight: 600;
  color: var(--btn-text);
  background: var(--btn-bg);
  border: 0;
  border-radius: var(--radius);
  cursor: pointer;
}
.email-suggest button:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }