.elementor-2430 .elementor-element.elementor-element-b2f8fb2{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-765541e */<!--
====================================================================
CSS POUR LES FORMULAIRES WPFORMS - INTÉGRATION DA A&G
====================================================================
Deux façons de l'utiliser :

OPTION A (recommandée, une fois pour tout le site) :
Apparence > Personnaliser > CSS additionnel, collez tout le bloc
<style>...</style> ci-dessous SANS les balises <style>. Le style
s'appliquera alors à tous les formulaires WPForms du site, sur
toutes les pages, sans avoir à y repenser à chaque nouvelle page.

OPTION B (page par page) :
Collez le bloc complet (avec les balises <style>) dans un widget
HTML Elementor, juste avant ou après le widget Shortcode qui
contient le formulaire sur cette page précise.

Le CSS cible les classes génériques de WPForms (.wpforms-container,
.wpforms-field, etc.), donc il s'applique à tous vos formulaires
(intérêt, devis...) sans réglage supplémentaire par formulaire.
====================================================================
-->

<style>
.wpforms-container {
  font-family: 'Poppins', sans-serif !important;
  max-width: 600px;
  margin: 0 auto;
  background: #fffaf3;
  border: 1px solid rgba(86,0,32,.14);
  border-radius: 20px;
  padding: 30px 28px !important;
  box-shadow: 0 10px 30px rgba(86,0,32,.06);
}

/* Labels */
.wpforms-container .wpforms-field-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #560020 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
}
.wpforms-container .wpforms-field-sublabel {
  color: #6d5f5e !important;
  font-size: 12.5px !important;
}
.wpforms-container .wpforms-field-required {
  color: #560020 !important;
}

/* Champs texte / email / textarea */
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=url],
.wpforms-container input[type=number],
.wpforms-container textarea,
.wpforms-container select {
  font-family: 'Poppins', sans-serif !important;
  border: 1.5px solid rgba(86,0,32,.2) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14.5px !important;
  color: #261c1c !important;
  background: #fff !important;
  transition: border-color .2s ease !important;
}
.wpforms-container input[type=text]:focus,
.wpforms-container input[type=email]:focus,
.wpforms-container input[type=tel]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  border-color: #560020 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(86,0,32,.08) !important;
}

/* Champ obligatoire non rempli (état d'erreur WPForms) */
.wpforms-container .wpforms-error {
  border-color: #a33 !important;
}
.wpforms-container label.wpforms-error {
  color: #a33 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

/* Cases à cocher et boutons radio */
.wpforms-container .wpforms-field-checkbox ul li,
.wpforms-container .wpforms-field-radio ul li {
  margin-bottom: 8px !important;
}
.wpforms-container .wpforms-field-checkbox ul li input,
.wpforms-container .wpforms-field-radio ul li input {
  accent-color: #560020 !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
}
.wpforms-container .wpforms-field-checkbox ul li label,
.wpforms-container .wpforms-field-radio ul li label {
  font-size: 14px !important;
  color: #261c1c !important;
}

/* Bouton d'envoi, en pilule comme le reste du site */
.wpforms-container button[type=submit],
.wpforms-container .wpforms-submit {
  font-family: 'Poppins', sans-serif !important;
  background: #560020 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 30px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .18s ease !important;
}
.wpforms-container button[type=submit]:hover,
.wpforms-container .wpforms-submit:hover {
  background: #3e0017 !important;
  transform: translateY(-1px) !important;
}

/* Message de confirmation après envoi */
.wpforms-confirmation-container-full {
  font-family: 'Poppins', sans-serif !important;
  background: #fffaf3 !important;
  border: 1px solid rgba(86,0,32,.14) !important;
  border-radius: 16px !important;
  color: #261c1c !important;
  padding: 24px !important;
  text-align: center !important;
}

@media (max-width: 600px) {
  .wpforms-container { padding: 22px 20px !important; }
}
</style>/* End custom CSS */