/* ==========================================================================
   TM design — formulaire de la page Contact (zone libre du bloc « Contact »)
   Donne l'apparence du site (champs sur fond bleu légèrement plus clair, bouton blanc)
   aux formulaires des extensions : Contact Form 7, WPForms, Fluent Forms, Gravity Forms…
   WPForms : dans WPForms → Réglages → Général, « Style des formulaires » = « Styles de base »
   (ou « Aucun style ») pour laisser le thème gérer l'apparence.
   ========================================================================== */
.c-form-area { margin-top: 48px; color: var(--white); }
@media (max-width: 900px) { .contact__robot-space + .c-form-area { margin-top: 0; } }
.c-form-area :is(p, .wpcf7-form > p) { margin: 0 0 24px; }

/* Libellés */
.c-form-area :is(label, legend, .wpforms-field-label, .ff-el-input--label label, .gfield_label) {
  display: block; margin: 0 0 8px !important; padding: 0 !important;
  font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .04em;
  color: var(--white) !important;
}
.c-form-area :is(.wpforms-required-label, .ff-el-is-required, .gfield_required) { color: var(--white) !important; }
.c-form-area :is(.wpforms-field-sublabel, .wpforms-field-description, .ff-el-help-message, .gfield_description) { color: rgba(255, 255, 255, .75) !important; font-size: 13px !important; }

/* Champs */
.c-form-area :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="search"], select, textarea) {
  width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important;
  padding: 12px 16px !important; margin: 0 !important;
  border: 0 !important; border-radius: 2px !important;
  background: rgba(255, 255, 255, .12) !important; box-shadow: none !important; outline: none !important;
  color: var(--white) !important; font: 400 18px/1.5 "Inter", sans-serif !important;
  transition: background-color .3s var(--ease), box-shadow .3s var(--ease);
}
.c-form-area textarea { min-height: 120px !important; resize: vertical; }
.c-form-area :is(input, textarea, select):focus { background: rgba(255, 255, 255, .2) !important; box-shadow: inset 0 0 0 1px var(--white) !important; }
.c-form-area ::placeholder { color: rgba(255, 255, 255, .6) !important; }
.c-form-area select option { color: var(--black); background: var(--white); }
.c-form-area :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--white); }

/* Bouton d'envoi */
.c-form-area :is(input[type="submit"], button[type="submit"], .wpcf7-submit, .wpforms-submit, .ff-btn-submit, .gform_button) {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-height: 52px !important; height: auto !important; padding: 0 26px !important; margin-top: 16px !important;
  background: var(--white) !important; color: var(--blue) !important;
  border: 2px solid var(--white) !important; border-radius: 2px !important; box-shadow: none !important;
  font: 500 18px/1 "Inter", sans-serif !important; cursor: pointer;
  transition: background-color .3s var(--ease), color .3s var(--ease);
}
.c-form-area :is(input[type="submit"], button[type="submit"], .wpcf7-submit, .wpforms-submit, .ff-btn-submit, .gform_button):hover {
  background: transparent !important; color: var(--white) !important;
}

/* Mise en page, messages et erreurs */
.c-form-area :is(.wpforms-container, .wpforms-form, .fluentform, .gform_wrapper) { margin: 0 !important; padding: 0 !important; background: none !important; }
.c-form-area :is(.wpforms-field, .ff-el-group, .gfield) { padding: 0 0 24px !important; margin: 0 !important; }
.c-form-area :is(.wpcf7-response-output, .wpforms-confirmation-container-full, .ff-message-success, .gform_confirmation_message) {
  margin: 24px 0 0 !important; padding: 16px 20px !important; border: 1px solid var(--white) !important;
  background: transparent !important; color: var(--white) !important; font-size: 16px;
}
.c-form-area :is(.wpcf7-not-valid-tip, label.wpforms-error, .wpforms-error, .error.text-danger, .gfield_validation_message) { color: #ffd6d6 !important; font-size: 14px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; margin-top: 6px !important; }
.c-form-area .wpcf7-spinner { background-color: var(--white); }
