/* Formulaire de contact du site statique (static/contact/form.html). Champs et bouton : styles du thème Astra. */
.contact-form {
  max-width: 640px;
}
.contact-form p {
  margin-bottom: 1.2em;
}
.contact-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.3em;
}
.contact-form .required {
  color: #d63637;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
}
.contact-form-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}
/* Champ piège : hors de l'écran pour les visiteurs, rempli par les robots. */
.contact-form-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.contact-form-status {
  padding: 0.8em 1em;
  border-radius: 4px;
}
/* Thème sombre : mêmes couleurs que les champs WPForms dans dark.css du thème (Astra impose sinon un fond clair). */
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea {
  background-color: var(--st-surface-2) !important;
  border-color: var(--st-border) !important;
  color: var(--ast-global-color-2) !important;
}
/* Fonds semi-transparents : lisibles en thème clair comme en thème sombre (html[data-theme="dark"]). */
.contact-form-status.is-ok {
  background: rgba(0, 163, 42, 0.12);
  border: 1px solid #00a32a;
}
.contact-form-status.is-error {
  background: rgba(214, 54, 55, 0.12);
  border: 1px solid #d63637;
}