/* ==========================================================================
   Fair Future — WPForms Donation Styles (Optimized for Divi)
   Author: ChatGPT (with Alex)
   Date: 2025-10-07
   Notes:
   - Keeps the original look & feel, cleans syntax, and improves consistency.
   - Works with Divi + WPForms, robust against plugin defaults.
   - Mobile phones: flat design (no shadows, no radius) per request.
   - Payment amounts: always 2 columns across all devices.
   ========================================================================== */

/* ==========================================================================
   0) Base Container
   ========================================================================== */
div.wpforms-container.donation-style-wpforms .wpforms-form {
  max-width: 1280px !important;
  margin: 0.5em auto !important;
  padding: 0.5em 1em !important;
  background: linear-gradient(145deg, #e8f4fc, #cfdff3) !important;
  border: 1px solid #d9e3ea !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  box-sizing: border-box !important;
}

/* Mobile phones — no radius, no shadow, (keep border for structure) */
@media (max-width: 600px) {
  div.wpforms-container.donation-style-wpforms .wpforms-form {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   1) Title & Description
   ========================================================================== */
div.wpforms-container.donation-style-wpforms .wpforms-title {
  font-size: 1.6em !important;
  line-height: 1.4em !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #003366 !important;
  margin: 0.4em 0 0.4em 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}



div.wpforms-container.donation-style-wpforms .wpforms-description {
  font-size: 1em !important;
  color: #555 !important;
  text-align: center !important;
  margin: 0 0 1em 0 !important;
  line-height: 1.8em !important;
  font-style: italic !important;
  background-color: #f2f8fd !important;
  padding: 0.5em 1em !important;
  border-radius: 8px !important;
}

/* Mobile — flatten the description card too */
@media (max-width: 600px) {
  div.wpforms-container.donation-style-wpforms .wpforms-description {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7f9fb !important;
  }
}

/* ==========================================================================
   2) Field Basics (text, email, textarea, select)
   ========================================================================== */
div.wpforms-container.donation-style-wpforms .wpforms-field input[type="text"],
div.wpforms-container.donation-style-wpforms .wpforms-field input[type="email"],
div.wpforms-container.donation-style-wpforms .wpforms-field input[type="tel"],
div.wpforms-container.donation-style-wpforms .wpforms-field input[type="number"],
div.wpforms-container.donation-style-wpforms .wpforms-field textarea,
div.wpforms-container.donation-style-wpforms .wpforms-field select {
  width: 100% !important;
  padding: 0.5em 1em !important;
  border: 2px solid #ccd6dd !important;
  border-radius: 8px !important;
  font-size: 1em !important;
  color: #003366 !important;
  background-color: #ffffff !important;
  margin-bottom: 1.2em !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  box-sizing: border-box !important;
}

/* Choices.js selects (WPForms Enhanced Select) */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__inner {
  border: 2px solid #ccd6dd !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  padding: 0.5em 1em !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__inner:hover {
  border-color: #4267b2 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  background-color: #f8f9fa !important;
}

/* Uniform :focus styles (accessibility) */
div.wpforms-container.donation-style-wpforms .wpforms-field input:focus,
div.wpforms-container.donation-style-wpforms .wpforms-field textarea:focus,
div.wpforms-container.donation-style-wpforms .wpforms-field select:focus {
  outline: 2px solid #4267b2 !important;
  outline-offset: 2px !important;
  border-color: #4267b2 !important;
  box-shadow: 0 0 0 3px rgba(66, 103, 178, 0.2) !important;
}
/* ==========================================================================
   3) Paging Buttons (Next / Previous) and Submit
   ========================================================================== */
div.wpforms-container.donation-style-wpforms .wpforms-page-button {
  background-color: #4267b2 !important;
  color: #ffffff !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  padding: 0.8em 1em !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.3s ease !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-page-button:hover {
  background-color: #2a4d87 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-page-button-previous:hover {
  background-color: #8c1b10 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-submit {
  background: linear-gradient(145deg, #ae2012, #8c1b10) !important;
  color: #ffffff !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  padding: 1em 1em !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.3s ease !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-submit:hover {
  background-color: #003366 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
/* === Correction finale : espacement propre entre PREVIOUS et NEXT === */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
    margin: 5px 0 5px 0 !important; /* marge verticale au-dessus et dessous */
}

/* ==========================================================================
   4) Messages (success & error)
   ========================================================================== */
div.wpforms-container.donation-style-wpforms .wpforms-confirmation-container-full {
  background-color: #d4edda !important;
  color: #155724 !important;
  font-size: 1em !important;
  padding: 0.5em 1em !important;
  border-radius: 8px !important;
  margin-bottom: 1em !important;
  border: 1px solid #c3e6cb !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-error {
  color: #b22222 !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  margin: 1em 0 !important;
}

/* ==========================================================================
   5) Payment Total (with pulse)
   ========================================================================== */
.donation-style-wpforms .wpforms-payment-total {
  font-size: 1.5em !important;
  font-weight: 700 !important;
  color: #4267b2 !important;
  background-color: #f8f9fa !important;
  padding: 0.6em 1em !important;
  border: 2px solid #4267b2 !important;
  border-radius: 8px !important;
  text-align: center !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  margin-top: .5em !important;
  transition: transform 0.2s ease, box-shadow 0.3s ease !important;
}

.donation-style-wpforms .wpforms-payment-total:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  background: linear-gradient(145deg, #d6e4f1, #f0f8ff) !important;
  border-color: #4267b2 !important;
}

@keyframes pulseTotal {
  0% { transform: scale(1); }
  40% { transform: scale(1.08); }
  60% { transform: scale(0.96); }
  100% { transform: scale(1); }
}
.donation-style-wpforms .wpforms-payment-total.wpforms-payment-updated {
  animation: pulseTotal 0.5s ease-out;
  background: linear-gradient(145deg, #dfe9f7, #f0f8ff) !important;
}

/* Mobile flatten total card */
@media (max-width: 600px) {
  .donation-style-wpforms .wpforms-payment-total {
    border-radius: 8px !important;
    box-shadow: none !important;
    background: #f7f9fb !important;
  }
}

/* ==========================================================================
   6) Checkboxes & Radios (custom look)
   ========================================================================== */
/* ========================================================================== 
   6) Checkboxes & Radios (custom look)
   ========================================================================== */
.donation-style-wpforms .wpforms-form input[type="checkbox"],
.donation-style-wpforms .wpforms-form input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
  border: 2px solid #ccd6dd !important;
  border-radius: 6px !important; /* même angle que les boutons */
  background-color: #ffffff !important;
  appearance: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  position: relative !important;
  vertical-align: middle !important;
  box-shadow: none !important; /* suppression du halo circulaire */
}

/* État sélectionné */
.donation-style-wpforms .wpforms-form input[type="checkbox"]:checked,
.donation-style-wpforms .wpforms-form input[type="radio"]:checked {
  border-color: #4267b2 !important;
  background-color: #4267b2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important; /* carré */
}

/* Icône ✔ pour les cases */
.donation-style-wpforms .wpforms-form input[type="checkbox"]:checked::after {
  content: '✔';
  color: #ffffff;
  font-size: 1em;
  position: absolute;
  top: 1px;
  left: 3px;
  line-height: 1;
}

/* Point central pour les boutons radio */
.donation-style-wpforms .wpforms-form input[type="radio"]:checked::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

/* Labels associés */
.donation-style-wpforms .wpforms-form input[type="checkbox"] + label,
.donation-style-wpforms .wpforms-form input[type="radio"] + label {
  font-size: 1em !important;
  color: #333 !important;
  display: inline-block !important;
  margin-bottom: 1em !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Hover */
.donation-style-wpforms .wpforms-form input[type="checkbox"]:hover,
.donation-style-wpforms .wpforms-form input[type="radio"]:hover {
  border-color: #4267b2 !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important; /* évite le halo circulaire */
}

/* ==========================================================================
   7) Conditional HTML fields
   ========================================================================== */
.donation-style-wpforms .wpforms-field.wpforms-field-html.wpforms-conditional-field.wpforms-conditional-show {
  font-size: 1em !important;
  line-height: 1.3em !important;
  color: #555 !important;
  padding: 0.5em 1em !important;
  border: 1px dashed #ccd6dd !important;
  border-radius: 8px !important;
  background-color: #f9f9f9 !important;
  margin: 0.5em 0 1em 0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.donation-style-wpforms .wpforms-field.wpforms-field-html.wpforms-conditional-field.wpforms-conditional-show:hover {
  border-color: #4267b2 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Mobile flatten */
@media (max-width: 600px) {
  .donation-style-wpforms .wpforms-field.wpforms-field-html.wpforms-conditional-field.wpforms-conditional-show {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7f9fb !important;
  }
}

/* ==========================================================================
   8) Progress Indicator (Steps)
   ========================================================================== */
.donation-style-wpforms .wpforms-page-indicator {
  display: flex !important;
  align-content: center !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin-bottom: 1em !important;
  padding: 0.5em 1em !important;
  background-color: #f8f9fa !important;
  border: 1px solid #ccd6dd !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.donation-style-wpforms [class*="wpforms-page-indicator"] {
  font-size: 1em !important;
  font-weight: 500 !important;
  color: #555 !important;
  text-align: center !important;
  border-radius: 8px !important;
  transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* Progress bar visual */
.donation-style-wpforms .wpforms-page-indicator-bar {
  width: 100% !important;
  height: 6px !important;
  background: linear-gradient(to right, #4267b2, #8ab6ff) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-top: 1em !important;
}

/* ==========================================================================
   9) Field descriptions & labels
   ========================================================================== */
.donation-style-wpforms .wpforms-field-description {
  font-size: 1em !important;
  color: #555 !important;
  font-style: italic !important;
  margin: 1em 0 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  transition: color 0.3s ease !important;
}
.donation-style-wpforms .wpforms-field-description:hover {
  color: #4267b2 !important;
}

div.wpforms-container.donation-style-wpforms .wpforms-field-label {
  font-size: 1.2em !important;
  font-weight: 600 !important;
  color: #003366 !important;
  margin-bottom: 0.5em !important;
  text-transform: capitalize !important;
  line-height: 1.4em !important;
  transition: color 0.3s ease !important;
}
.donation-style-wpforms .wpforms-field-label:hover {
  color: #4267b2 !important;
}
.donation-style-wpforms .wpforms-field-label.wpforms-required-label {
  color: #ae2012 !important;
  font-weight: 700 !important;
}
.donation-style-wpforms .wpforms-field-label.wpforms-required-label:hover {
  color: #8c1b10 !important;
  text-decoration: underline !important;
}

/* Compact field padding */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0.3em 1em !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
  10) PAYMENT – Multiple Items (ALWAYS 2 columns)
   ========================================================================== */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] {
  background: linear-gradient(145deg, #f9fbfe, #e8f4fc) !important;
  border: 1px solid #d0d8e2 !important;
  border-radius: 8px !important;
  padding: 1.2em 1.4em !important;
  margin: 1em 0 1.5em 0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07) !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] > ul,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] ul.wpforms-list-2-columns {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.8em 1em !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Hide native radios */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] input.wpforms-payment-price {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Button-style labels */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] label.wpforms-field-label-inline {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 45px !important;
  border: 2px solid #ccd6dd !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #003366 !important;
  font-weight: 700 !important;
  font-size: 1.2em !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  user-select: none !important;
  box-sizing: border-box !important;
  margin: 5px!important;
}

/* Hover/Active */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] label.wpforms-field-label-inline:hover {
  border-color: #4267b2 !important;
  color: #4267b2 !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] input.wpforms-payment-price:checked + label.wpforms-field-label-inline {
  background: linear-gradient(145deg, #4267b2, #375a9e) !important;
  color: #fff !important;
  border-color: #375a9e !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-3px) !important;
}

/* Keyboard focus */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
[id*="-field_"][class*="wpforms-field-payment-multiple"] input.wpforms-payment-price:focus-visible + label.wpforms-field-label-inline {
  outline: 2px solid #003366 !important;
  outline-offset: 3px !important;
}

/* Mobile flat style for payment block too */
@media (max-width: 600px) {
  .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full
  [id*="-field_"][class*="wpforms-field-payment-multiple"] {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7f9fb !important;
  }
}

/* ==========================================================================
  11) Misc small tweaks
   ========================================================================== */
.donation-style-wpforms .wpforms-field-label-inline {
  font-size: 1em !important;
  font-weight: 600 !important;
  color: #003366 !important;
  margin-right: 10px !important;
  text-transform: capitalize !important;
  line-height: 1.4em !important;
  transition: color 0.3s ease !important;
  border: 2px solid #ccd6dd !important;
  border-radius: 8px !important;
}

.donation-style-wpforms .wpforms-field-label-inline:hover {
	color: #4267b2 !important;
  	text-decoration: none !important;
  	border-color: #4267b2 !important;
}

/* Keep general field block padding consistent */
.donation-style-wpforms .wpforms-field {
  box-sizing: border-box !important;
}
/* === Ajustement de l'espacement du titre et du divider WPForms === */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-head-container {
    margin: 0 !important;
    padding: 0 0 15px 0 !important; /* Réduit le padding inférieur */
}

/* Ligne de division (Section Divider) — suppression du grand espace */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider {
    border-top-width: var(--wpforms-field-border-size, 1px) !important;
    border-top-style: solid !important;
    border-top-color: var(--wpforms-field-border-color, #ccd6dd) !important;
    margin-top: 0 !important; /* Réduit la marge supérieure */
    padding: 0 !important; /* Supprime le padding interne */
}
/* === Supprimer la ligne de division sous le titre WPForms === */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}
/* === Supprimer complètement le divider WPForms (ligne + espace conteneur) === */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider {
    display: none !important;
}

/* === Ajustement du champ téléphone avec drapeau WPForms === */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full 
input.iti__tel-input {
    padding-left: 50px !important; /* espace pour le drapeau et le code pays */
}

/* Harmonisation du conteneur du champ téléphone */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full 
.iti {
    width: 100% !important;
}

/* Optionnel : ajustement du drapeau pour meilleur alignement vertical */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full 
.iti__flag-container {
    left: 10px !important;
}

/* DONATION HOME FORM*/
/* Conteneur du formulaire */
.donation-home-form .wpforms-form {
    max-width: auto !important;
    margin: 0 auto !important;
    padding: 1em !important;
    background: linear-gradient(145deg, #f5fafd, #e4eef6) !important;
    border: 1px solid #d9e3ea !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Titre et description du formulaire */
.donation-home-form .wpforms-title {
    font-size: 1.5em !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #003366 !important;
    margin-bottom: 0.5em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}
.donation-home-form .wpforms-description {
    font-size: 1em !important;
    color: #555 !important;
    text-align: center !important;
    margin-bottom: 1em !important;
    line-height: 1.6em !important;
    font-style: italic;
    background-color: #f2f8fd !important;
    padding: 8px !important;
    border-radius: 4px !important;
}

/* Champs de texte, email, textarea et select */
.donation-home-form .wpforms-field input[type="text"],
.donation-home-form .wpforms-field input[type="email"],
.donation-home-form .wpforms-field textarea,
.donation-home-form .wpforms-field select,
.donation-home-form .choices__inner {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ccd6dd !important;
    border-radius: 6px !important;
    font-size: 0.9em !important;
    color: #003366 !important;
    background-color: #ffffff !important;
    margin-bottom: 1em !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Effet de focus sur les champs */
.donation-home-form .wpforms-field input[type="text"]:focus;
.donation-home-form .wpforms-field input[type="email"]:focus;
.donation-home-form .wpforms-field textarea:focus;
.donation-home-form .wpforms-field select:focus;
.donation-home-form .choices__inner:focus {
    border-color: #4267b2 !important;
    box-shadow: 0 0 6px rgba(66, 103, 178, 0.4) !important;
    outline: none !important;
}

/* Effet de survol pour les champs dropdown */
.donation-home-form .choices__inner:hover {
    border-color: #00509e !important;
    box-shadow: 0 0 6px rgba(0, 80, 158, 0.3) !important;
}

/* Étiquettes en ligne */
.donation-home-form .wpforms-field-label-inline {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-right: 10px !important;
    text-transform: capitalize !important;
    line-height: 1.4em !important;
    cursor: pointer !important;
    transition: color 0.3s ease, text-decoration 0.3s ease !important;
}
.donation-home-form .wpforms-field-label-inline:hover {
    color: #4267b2 !important;
    text-decoration: underline !important;
}

/* Bouton de soumission */
.donation-home-form .wpforms-submit {
    background-color: #00509e !important;
    color: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold !important;
    padding: 0.6em 1em !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}
.donation-home-form .wpforms-submit:hover {
    background-color: #003366 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Messages de confirmation */
.donation-home-form .wpforms-confirmation-container-full {
    background-color: #d4edda !important;
    color: #155724 !important;
    font-size: 1em !important;
    padding: 0.8em !important;
    border-radius: 6px !important;
    margin-bottom: 1em !important;
    border: 1px solid #c3e6cb !important;
}

/* Checkboxes et boutons radio */
.donation-home-form .wpforms-form input[type="checkbox"],
.donation-home-form .wpforms-form input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    appearance: none;
}
.donation-home-form .wpforms-form input[type="checkbox"]:checked ;
.donation-home-form .wpforms-form input[type="radio"]:checked {
    border-color: #4267b2 !important;
    background-color: #4267b2 !important;
    box-shadow: 0 0 4px rgba(66, 103, 178, 0.4) !important;
}
/* Réinitialisation des marges et paddings pour les champs */
.donation-home-form .wpforms-field {
    padding: 0!important; /* Légers espacements internes */
    margin-bottom: 0px !important; /* Espacement entre les champs */
}

/* Espacement spécifique pour les sélecteurs déroulants */
.donation-home-form .choices[data-type*="select-one"] .choices__inner {
    margin-bottom: 15px !important; /* Espacement sous le dropdown */
    padding: 8px 12px !important; /* Espacement interne pour un champ visuellement plus large */
    border: 1px solid #ccd6dd !important; /* Cohérence avec les autres champs */
    border-radius: 6px !important; /* Coins arrondis */
    background-color: #ffffff !important; /* Fond blanc */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; /* Légère ombre interne */
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Effet de survol et focus pour les sélecteurs déroulants */
.donation-home-form .choices[data-type*="select-one"] .choices__inner:hover;
.donation-home-form .choices[data-type*="select-one"] .choices__inner:focus {
    border-color: #4267b2 !important; /* Bordure bleue au survol et focus */
    box-shadow: 0 0 6px rgba(66, 103, 178, 0.3) !important; /* Ombre renforcée */
    outline: none !important;
}
.donation-home-form .wpforms-payment-total {
    font-size: 1.3em !important; /* Taille légèrement augmentée pour mise en évidence */
    font-weight: bold !important; /* Texte en gras pour attirer l'attention */
    color: #4267b2 !important; /* Bleu principal pour cohérence et confiance */
    background: linear-gradient(145deg, #f0f8ff, #d6e4f1) !important; /* Dégradé subtil pour un effet premium */
    border: 2px solid #ccd6dd !important; /* Bordure élégante */
    border-radius: 8px !important; /* Coins arrondis pour modernité */
    padding: 5px !important; /* Espacement interne confortable */
    text-align: center !important; /* Centrage du texte */
    margin-top: 10px !important; /* Espacement au-dessus */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Ombre douce pour profondeur */
    transition: transform 0.2s ease, box-shadow 0.3s ease !important; /* Transitions fluides */
}

/* Effet de survol */
.donation-home-form .wpforms-payment-total:hover {
    transform: translateY(-2px) !important; /* Élévation légère au survol */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; /* Ombre renforcée */
    background: linear-gradient(145deg, #d6e4f1, #f0f8ff) !important; /* Inversion du dégradé au survol */
    border-color: #4267b2 !important; /* Accentuation de la bordure */
}

/* Champs HTML conditionnels */
.donation-home-form .wpforms-field.wpforms-field-html.wpforms-conditional-field.wpforms-conditional-show {
    font-size: 0.75em !important; /* Taille standardisée */
	line-height:1.2em!important;
	text-align: justify !important; /* Centrage du texte */
    color: #555 !important; /* Couleur gris doux */
    padding: 8px 12px !important; /* Espacement interne */
    border: 1px dashed #ccd6dd !important; /* Bordure en pointillés */
    border-radius: 6px !important; /* Coins arrondis */
    background-color: #f9f9f9 !important; /* Fond gris clair */
    margin-top: 10px !important; /* Espacement au-dessus */
    margin-bottom: 10px !important; /* Espacement en dessous */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important; /* Légère ombre pour distinction */
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important; /* Transition fluide */
}

/* Effet au survol des champs conditionnels */
.donation-home-form .wpforms-field.wpforms-field-html.wpforms-conditional-field.wpforms-conditional-show:hover {
    border-color: #4267b2 !important; /* Bordure bleu au survol */
    box-shadow: 0 4px 6px rgba(66, 103, 178, 0.1) !important; /* Ombre renforcée */
}
/* Style des descriptions des champs */
.donation-home-form .wpforms-field-description {
    font-size: 0.85em !important; /* Texte légèrement plus petit */
    color: #555 !important; /* Gris doux pour discrétion */
    font-style: italic !important; /* Italique pour différenciation */
    margin-top: 8px !important; /* Espacement au-dessus */
    margin-bottom: 8px !important; /* Espacement en dessous */
    line-height: 1.2 !important; /* Hauteur de ligne confortable */
    text-align: left !important; /* Alignement à gauche */
    transition: color 0.3s ease !important; /* Transition pour interactivité */
}

/* Effet de survol (optionnel pour dynamisme) */
.donation-home-form .wpforms-field-description:hover {
    color: #4267b2 !important; /* Changement de couleur au survol */
}
/* Style général pour les boutons Next et Previous */
.donation-home-form .wpforms-page-button {
    background-color: #4267b2 !important; /* Bleu principal */
    color: #ffffff !important; /* Texte blanc */
    font-size: 0.95em !important; /* Taille légèrement réduite pour un formulaire compact */
    font-weight: bold !important; /* Texte en gras pour visibilité */
    padding: 0.6em 1.2em !important; /* Espacement interne équilibré */
    border: none !important; /* Suppression des bordures par défaut */
    border-radius: 6px !important; /* Coins légèrement arrondis */
    cursor: pointer !important; /* Indicateur de clic */
    width: 100% !important; /* Largeur totale pour un alignement parfait */
    text-transform: uppercase !important; /* Texte en majuscules */
    letter-spacing: 0.1em !important; /* Espacement léger des lettres */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease !important; /* Transitions douces */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* Ombre subtile */
	margin-top: 10px!important;
}

/* Effet au survol pour les boutons Next et Previous */
.donation-home-form .wpforms-page-button:hover {
    background-color: #003366 !important; /* Bleu plus sombre au survol */
    transform: translateY(-2px) !important; /* Élévation légère */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important; /* Ombre renforcée */
}

/* Style spécifique pour le bouton Previous */
.donation-home-form .wpforms-page-button-previous {
    background-color: #ae2012 !important; /* Rouge vif pour contraste */
    color: #ffffff !important; /* Texte blanc */
    font-size: 0.95em !important; /* Taille réduite pour uniformité */
    padding: 0.6em 1.2em !important; /* Espacement interne confortable */
    border-radius: 6px !important; /* Coins arrondis */
	margin-top: 50px!important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease !important; /* Transitions fluides */
}

/* Effet au survol pour le bouton Previous */
.donation-home-form .wpforms-page-button-previous:hover {
    background-color: #8c1b10 !important; /* Rouge plus sombre au survol */
    transform: translateY(-2px) !important; /* Élévation légère */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important; /* Ombre renforcée */
	margin-top: 50px!important;
}

/* Style spécifique pour le bouton Next */
.donation-home-form .wpforms-page-button-next {
    background-color: #00509e !important; /* Bleu foncé pour contraste */
    color: #ffffff !important; /* Texte blanc */
    font-size: 0.95em !important; /* Taille uniforme */
    padding: 0.6em 1.2em !important; /* Espacement interne équilibré */
    border-radius: 6px !important; /* Coins légèrement arrondis */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease !important; /* Transitions fluides */
}

/* Effet au survol pour le bouton Next */
.donation-home-form .wpforms-page-button-next:hover {
    background-color: #003366 !important; /* Bleu encore plus sombre */
    transform: translateY(-2px) !important; /* Élévation légère */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important; /* Ombre renforcée */
}

/* Conteneur général de la Progress Bar */
.donation-home-form .wpforms-page-indicator {
    display: flex !important; /* Active Flexbox */
	align-content: center!important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
    margin-bottom: 20px !important;
    padding: 10px 15px !important;
    background-color: #f8f9fa !important; /* Fond gris clair */
    border: 1px solid #d9e3ea !important; /* Bordure subtile */
    border-radius: 6px !important; /* Coins arrondis */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important; /* Ombre douce */
}
/* Titre des étapes (Step X of Y) */
.donation-home-form [class*="wpforms-page-indicator"] {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #555 !important; /* Couleur gris neutre */
    text-align: center !important; /* Centrage du texte */
    padding: 4px 4px !important; /* Espacement interne compact */
    border-radius: 4px !important; /* Coins arrondis */
    transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* Barre de progression (si présente) */
.donation-home-form .wpforms-page-indicator-bar {
    width: 100% !important;
    height: 8px !important;
    background-color: #e0e0e0 !important; /* Fond gris clair */
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-top: 10px !important;
}

/* === PATCH COMPACT — à coller APRÈS ton CSS actuel === */

/* Champs texte / email / number / select */
.donation-home-form .wpforms-field input[type="text"],
.donation-home-form .wpforms-field input[type="email"],
.donation-home-form .wpforms-field input[type="number"],
.donation-home-form .wpforms-field input[type="tel"],
.donation-home-form .wpforms-field textarea,
.donation-home-form .wpforms-field select,
.donation-home-form .choices__inner{
  padding:8px 10px !important;      /* avant 10px 12px */
  font-size:14px !important;
  line-height:1.25 !important;
  margin-bottom:8px !important;      /* avant 10px */
  border-radius:5px !important;      /* un poil plus anguleux, plus compact visuellement */
}

/* Select (Choices.js) – même densité que les inputs */
.donation-home-form .choices[data-type*="select-one"] .choices__inner{
  padding:7px 10px !important;       /* avant 8px 12px */
  margin-bottom:8px !important;
}

/* Labels et descriptions un peu plus serrés */
.donation-home-form .wpforms-field-label{
  margin:0 0 4px 0 !important;       /* avant 6px */
  font-size:13px !important;
}
.donation-home-form .wpforms-field-description{
  margin-top:3px !important;         /* avant 4px */
  font-size:12.5px !important;
}

/* Cases & radios : taille OK mais marge plus courte */
.donation-home-form .wpforms-form input[type="checkbox"],
.donation-home-form .wpforms-form input[type="radio"]{
  margin-right:6px !important;       /* avant 8px */
}

/* Total paiement – plus discret et fin */
.donation-home-form .wpforms-payment-total{
  padding:6px 8px !important;        /* avant 8px 10px */
  font-size:15px !important;         /* avant 1.05em */
  margin-top:6px !important;         /* avant 8px */
}

/* Boutons (déjà fins) – on serre encore un peu sans perdre la lisibilité) */
.donation-home-form .wpforms-submit,
.donation-home-form .wpforms-page-button{
  padding:.42em .85em !important;    /* avant .48em .9em */
  font-size:.93em !important;        /* -2% environ */
  border-radius:6px !important;
  margin-top:6px !important;         /* avant 8px */
}

/* Progress bar un peu moins haute */
.donation-home-form .wpforms-page-indicator{ padding:6px 8px !important; }
.donation-home-form .wpforms-page-indicator-bar{ height:6px !important; margin-top:6px !important; }

/* Espacement global des champs */
.donation-home-form .wpforms-field{ margin-bottom:6px !important; }

/* CONFIRMATION MESSAGE*/
.wpforms-confirmation-container-full {
    background-color: #f9f9f9!important; /* Couleur de fond douce */
    border: 2px solid #ae2012!important; /* Bordure rouge élégante */
    border-radius: 10px!important; /* Coins arrondis */
    padding: 20px!important; /* Espacement interne */
    max-width: 800px!important; /* Largeur maximale */
    margin: 20px auto!important; /* Centrer le conteneur */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)!important; /* Ombre douce */
    text-align: center!important; /* Centrer le texte */
    font-family: "Arial", sans-serif!important; /* Police élégante */
}

/* Style pour le texte du message */
.wpforms-confirmation-message {
    font-size: 18px!important; /* Taille de la police */
    font-weight: 600!important; /* Texte légèrement en gras */
    color: #333!important; /* Couleur du texte */
    line-height: 1.6!important; /* Hauteur de ligne */
}

/* Ajout d'une icône au début */
.wpforms-confirmation-container-full::before {
    content: "✔"!important; /* Icône check */
    display: block!important;
    font-size: 30px!important;
    color: #ae2012!important; /* Couleur de l'icône */
    margin-bottom: 10px!important;
}

/* Style pour les liens dans le message */
.wpforms-confirmation-container-full a {
    color: #ae2012!important; /* Couleur des liens */
    text-decoration: underline!important; /* Souligné */
    font-weight: 600!important; /* Texte en gras */
    transition: color 0.3s ease!important; /* Transition pour un effet au survol */
}

.wpforms-confirmation-container-full a:hover {
    color: #d54020!important; /* Couleur au survol */
}