.elementor-462 .elementor-element.elementor-element-92a73cd{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-6206ecb *//* =========================================================
   BINDZEN — STYLE FLUENT FORMS (couleurs de la marque)
   À coller dans : Fluent Forms > ton formulaire > Custom CSS/JS
   OU dans un widget HTML de la page, entouré de <style>...</style>
   ========================================================= */

/* Charge les polices de marque (à garder si tu colles dans un widget HTML ;
   inutile si tes polices sont déjà chargées globalement par le thème) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

/* ---- Conteneur général ---- */
.fluentform {
  --bz-cream:#FEF4EE;
  --bz-dark:#162A19;
  --bz-green:#52AD64;
  --bz-err:#b61f1f;
  font-family:'Inter',sans-serif;
  max-width:720px;
  margin:0 auto;
}

/* ---- Labels ---- */
.fluentform .ff-el-input--label label,
.fluentform label {
  font-family:'Manrope',sans-serif !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  color:var(--bz-dark) !important;
  margin-bottom:8px !important;
}

/* Astérisque des champs obligatoires en vert */
.fluentform .ff-el-is-required.asterisk-left>label:after,
.fluentform .ff-el-is-required.asterisk-right>label:after,
.fluentform .ff_asterisk_right .ff-el-is-required label:after {
  color:var(--bz-green) !important;
}

/* ---- Champs texte, email, tel, password, textarea, select ---- */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="password"],
.fluentform input[type="number"],
.fluentform input[type="url"],
.fluentform textarea,
.fluentform select,
.fluentform .ff-el-form-control {
  background:var(--bz-cream) !important;
  border:1.5px solid rgba(22,42,25,.10) !important;
  border-radius:12px !important;
  padding:13px 16px !important;
  font-size:15px !important;
  color:#020202 !important;
  font-family:'Inter',sans-serif !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
  box-shadow:none !important;
}

/* Placeholder */
.fluentform ::placeholder { color:#9aa89c !important; opacity:1; }

/* Focus : liseré vert + halo doux */
.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus,
.fluentform .ff-el-form-control:focus {
  background:#fff !important;
  border-color:var(--bz-green) !important;
  box-shadow:0 0 0 3px rgba(82,173,100,.18) !important;
  outline:none !important;
}

.fluentform textarea { min-height:120px !important; resize:vertical; }

/* ---- Préfixe téléphone (drapeau) : s'aligne au style champ ---- */
.fluentform .iti,
.fluentform .ff-el-input--content .intl-tel-input { width:100%; }
.fluentform .iti__flag-container { border-radius:12px 0 0 12px; }

/* ---- Case à cocher (CGV) ---- */
.fluentform .ff-el-form-check input[type="checkbox"],
.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {
  accent-color:var(--bz-green);
  width:18px; height:18px;
  margin-top:2px;
}
.fluentform .ff-el-form-check-label,
.fluentform .ff-el-form-check label {
  font-family:'Inter',sans-serif !important;
  font-weight:400 !important;
  font-size:13.5px !important;
  color:#4a5a4c !important;
  line-height:1.5 !important;
}
.fluentform .ff-el-form-check-label a { color:var(--bz-green); font-weight:600; text-decoration:none; }
.fluentform .ff-el-form-check-label a:hover { text-decoration:underline; }

/* ---- Bouton d'envoi ---- */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
.fluentform .ff_submit_btn_wrapper button {
  background:var(--bz-green) !important;
  color:#fff !important;
  font-family:'Manrope',sans-serif !important;
  font-weight:700 !important;
  font-size:16px !important;
  border:none !important;
  border-radius:100px !important;
  padding:15px 32px !important;
  box-shadow:0 8px 20px rgba(82,173,100,.28) !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
  cursor:pointer;
}
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background:#489a58 !important;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(82,173,100,.34) !important;
}

/* ---- Espacement vertical entre les champs ---- */
.fluentform .ff-el-group { margin-bottom:20px !important; }

/* ---- Messages d'erreur ---- */
.fluentform .error.text-danger,
.fluentform .ff-el-is-error .text-danger {
  color:var(--bz-err) !important;
  font-size:13px !important;
  margin-top:6px !important;
}
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error textarea,
.fluentform .ff-el-is-error select {
  border-color:var(--bz-err) !important;
  box-shadow:0 0 0 3px rgba(182,31,31,.12) !important;
}

/* ---- Message de succès après envoi ---- */
.fluentform .ff-message-success,
.ff-message-success {
  background:var(--bz-cream) !important;
  border:1px solid rgba(82,173,100,.4) !important;
  border-radius:16px !important;
  color:var(--bz-dark) !important;
  font-size:15px !important;
  padding:18px 22px !important;
}

/* ---- Titres de section internes au formulaire (si tu en utilises) ---- */
.fluentform .ff-el-section-title,
.fluentform .ff_section_break_header h3 {
  font-family:'Manrope',sans-serif !important;
  font-weight:800 !important;
  color:var(--bz-dark) !important;
}
.fluentform .ff_section_break_header p { color:#4a5a4c !important; }/* End custom CSS */