.elementor-228 .elementor-element.elementor-element-f0ae490{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-5e9a5ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-566535f{--display:flex;--margin-top:4%;--margin-bottom:0%;--margin-left:8%;--margin-right:02%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-df47c3a > .elementor-widget-container{margin:0px 0px -38px 0px;}.elementor-228 .elementor-element.elementor-element-df47c3a{z-index:9;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-primary{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:bold;font-style:italic;line-height:46px;color:#000000;margin:-10px 0px 88px 0px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-secondary{color:#000000;max-width:718px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{height:2px;width:247px;margin:10px 17px 0px 0px;background-color:var( --e-global-color-fbdb450 );}.elementor-228 .elementor-element.elementor-element-798fbb4{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-6154263{z-index:8;animation-delay:300ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-228 .elementor-element.elementor-element-6154263 .aux-widget-image{text-align:right;}.elementor-228 .elementor-element.elementor-element-6154263 .aux-media-image{border-radius:0px 0px 0px 0px;overflow:hidden;}@media(min-width:768px){.elementor-228 .elementor-element.elementor-element-566535f{--width:50%;}.elementor-228 .elementor-element.elementor-element-798fbb4{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-228 .elementor-element.elementor-element-566535f{--width:100%;}.elementor-228 .elementor-element.elementor-element-798fbb4{--width:100%;}}@media(max-width:1024px){.elementor-228 .elementor-element.elementor-element-5e9a5ff{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--margin-top:85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-566535f{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-df47c3a > .elementor-widget-container{margin:0px 0px 0px -42px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-primary{font-size:30px;margin:55px 0px 55px 85px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-secondary{margin:20px 0px 0px 85px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{width:38px;}.elementor-228 .elementor-element.elementor-element-798fbb4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-6154263 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-228 .elementor-element.elementor-element-6154263 .aux-widget-image{text-align:center;}}@media(max-width:767px){.elementor-228 .elementor-element.elementor-element-566535f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-228 .elementor-element.elementor-element-df47c3a > .elementor-widget-container{margin:40px 0px 52px 0px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-primary{font-size:30px;line-height:32px;margin:0px 0px 0px 0px;}.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{height:1px;width:15px;}body.elementor-page-228{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-df47c3a */.elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{
    float: left;
    position: absolute;
    top: 0;
    right: -188px;
    z-index: 9;
}

@media only screen and (max-width:1416px)and (min-width: 1110px){
    .elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{
        width: 100px;
        right: -100px;

    }
  }

@media only screen and (max-width:1110px)and (min-width: 1025px){
    .elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{
        width: 100px;        
        right: -80px;
       
    }
  }
  @media screen and (max-width:1646px)and (min-width:1394px) {
  .elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{
  right: -128px;
  z-index: 9;
  width: 30%;

 }
}
@media screen and (max-width:1406px)and (min-width:1176px) {
  .elementor-228 .elementor-element.elementor-element-df47c3a .aux-modern-heading-divider{
  right: -108px;
  z-index: 9;
  width: 25%;

 }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-019fe11 *//* === Masquer l’en-tête === */
#wcdp .wcdp-header {
  display: none !important;
}

/* === Montants === */
#wcdp .wcdp-amounts button {
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  color: #111827;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 0;
  width: 31%;
  margin: 5px;
  transition: all 0.25s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

#wcdp .wcdp-amounts button:hover,
#wcdp .wcdp-amounts button.wcdp-active {
  background: #00ABEC;
  border-color: #00ABEC;
  color: #fff;
  box-shadow: 0 3px 6px rgba(37,99,235,0.3);
}

/* === Champ "Other" (Montant personnalisé) === */
#wcdp .wcdp-custom-amount {
  margin-top: 10px;
}

#wcdp .wcdp-custom-amount input {
  width: 100%;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 12px;
  font-size: 16px;
  box-sizing: border-box;
  font-weight: 500;
  color: #111827;
  display: block;
}

#wcdp .wcdp-custom-amount input:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 2px rgba(37,99,235,0.2);
}

/* === Espacement entre montants et bouton === */
#wcdp .wcdp-footer {
  margin-top: 150px !important;
}

/* === Bouton "Next" (gardé mais large) === */
#wcdp button#wcdp-ajax-button.wcdp-button {
  display: block;
  width: 100% !important;
  border-radius: 50px;
  margin-top: 20px;
}

/* === Responsive === */
@media (max-width: 480px) {
  #wcdp .wcdp-amounts button {
    width: 47%;
  }
}




/* --- Titre "Billing details" → "Détails du donateur" --- */
#wcdp-step-2 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #00ABEC;
  text-align: center;
  margin-bottom: 30px;
}

label.wcdp-variation-heading{
    color: #00ABEC;
}



/* --- Supprimer "Additional information" --- */
#wcdp-step-2 .woocommerce-additional-fields h3 {
  display: none !important;
}

/* --- Organisation du formulaire --- */
#wcdp-step-2 .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* --- Les champs à 50% de largeur quand ils sont en duo --- */
#wcdp-step-2 .form-row-first,
#wcdp-step-2 .form-row-last,
#wcdp-step-2 #billing_phone_field,
#wcdp-step-2 #billing_email_field {
  flex: 1 1 calc(50% - 10px);
  width: calc(50% - 10px);
}

@media (max-width: 600px) {
  #wcdp-step-2 .form-row-first,
  #wcdp-step-2 .form-row-last,
  #wcdp-step-2 #billing_phone_field,
  #wcdp-step-2 #billing_email_field {
    flex: 1 1 100%;
    width: 100%;
  }
  
  #wcdp-step-2 .form-row {
    margin-bottom: -15px;
  }
  p#order_comments_field{
      margin-top: 20px;
  }
}

#wcdp-step-2 .form-row {
    margin-bottom: -15px;
  }
  p#order_comments_field{
      margin-top: 20px;
  }


/* --- Ajustement visuel des champs --- */
#wcdp-step-2 input.input-text,
#wcdp-step-2 textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  box-sizing: border-box;
  transition: 0.3s ease;
}
#wcdp-step-2 input.input-text:focus {
  border-color: #00753a;
  box-shadow: 0 0 4px rgba(0, 117, 58, 0.3);
}

/* --- Espacement global du formulaire --- */
#wcdp-step-2 {
  padding: 20px 0;
}

/* --- Boutons du bas sur une même ligne --- */
#wcdp-step-2 .wcdp-button.wcdp-left,
#wcdp-step-2 .wcdp-button.wcdp-right {
  width: calc(50% - 10px);
  display: inline-block;
  margin-top: 25px;
  text-align: center;
  border-radius: 50px;
  padding: 12px 0;
  font-weight: 600;
  font-size: 15px;
}

/* --- Aligner les deux boutons côte à côte --- */
#wcdp-step-2 .wcdp-button.wcdp-left {
  float: left;
}
#wcdp-step-2 .wcdp-button.wcdp-right {
  float: right;
}

/* --- Correction responsive mobile --- */
@media (max-width: 600px) {
  #wcdp-step-2 .form-row-first,
  #wcdp-step-2 .form-row-last,
  #wcdp-step-2 #billing_phone_field,
  #wcdp-step-2 #billing_email_field,
  #wcdp-step-2 .wcdp-button.wcdp-left,
  #wcdp-step-2 .wcdp-button.wcdp-right {
    
    float: none;
  }
}


ul li:last-child {
    display: block !important;
    grid-column: 1 / -1;
}

#wcdp_1_wcdp_amount li label {
    background-color: white;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #1C325D;
    color: #1C325D; /* Si besoin */
}

#wcdp_1_wcdp_amount input[type="radio"]:checked + label {
    background-color: #00ABEC;
    color: white; /* Facultatif : rend le texte plus lisible */
    border-radius: 5px;
    padding: 10px;
    border: 2px solid #00ABEC;
}

.wcdp_amount {
    grid-template-columns: 1fr 1fr;
}
#wcdp_1_wcdp_amount .wcdp-button-label {
    transition: background-color 0.3s ease;
}

#wcdp_1_wcdp_amount {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* espace entre les li */
    justify-content: center; /* ou flex-start selon ton design */
}

#wcdp_1_wcdp_amount li {
    flex: 1 1 45%; /* occupe 45% de la largeur du parent */
    min-width: 140px; /* empêche que ce soit trop petit */
    box-sizing: border-box;
}




.wcdp_cu_field {
    display: flex;
    align-items: center;
    gap: 8px; /* espace entre les éléments */
    flex-wrap: nowrap;
}

.wcdp_cu_field input[type="number"] {
    flex: 1;
    min-width: 80px;
}

.wcdp_value_other {
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

.wcdp_options li input:checked+label:after {
    content: url("");
    position: absolute;
    padding-left: 5px;
}

input#wcdp-donation-amount {
    border-color: white;
    color: white;
}

div#wcdp_va_amount {
    text-align: center;
}

ul#wcdp_1_wcdp_amount {
    margin-top: 30px;
}

label.wcdp-variation-heading {
    font-size: 20px;
} 





#custom-donation-summary {
    background: #f8f8f8;
    border: 1px solid #ddd;
    font-size: 15px;
}
#custom-donation-summary th {
    width: 35%;
    color: #333;
}

#wcdp-step-2 input.input-text, #wcdp-step-2 textarea {
    border: 1px solid #1C325D;
}

label {
    color: #1C325D;
}


#wcdp-step-3 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #00ABEC;
  text-align: center;
  margin-bottom: 30px;
}

/* --- Hover global sur les boutons Next et Back --- */
#wcdp .wcdp-button.wcdp-left:hover,
#wcdp .wcdp-button.wcdp-right:hover,
#wcdp button#wcdp-ajax-button.wcdp-button:hover {
  background-color: #00ABEC !important; /* couleur au survol */
  border-color: #00ABEC !important;
  color: #fff !important;
  transition: all 0.3s ease;
}

button.button.wcdp-button.wcdp-left {
    margin-top: -40px;
}


#wcdp-step-3 .woocommerce-checkout-review-order-table {
    display: none !important;
}

.woocommerce-privacy-policy-text {
    display: none !important;
}



/* === Forcer le textarea "Commentaire" à 100% de largeur === */
#order_comments,
#order_comments_field textarea,
#wcdp-step-2 textarea,
p#order_comments_field textarea,
.woocommerce-additional-fields textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* === Champ Montant personnalisé: texte saisi en bleu, placeholder grisé === */
#wcdp-donation-amount,
input.wcdp-donation-amount,
.wcdp_cu_field input[type="number"] {
  color: #00ABEC !important;          /* texte saisi en bleu */
  background: #fff !important;
  border-color: #e5e7eb !important;
}

/* placeholder en gris pour ne pas confondre avec le texte saisi */
#wcdp-donation-amount::placeholder,
input.wcdp-donation-amount::placeholder,
.wcdp_cu_field input[type="number"]::placeholder {
  color: #9ca3af !important; /* gris */
  opacity: 1 !important;
}

/* si un style précédent mettait la couleur à blanc, on s'assure aussi au focus */
#wcdp-donation-amount:focus,
input.wcdp-donation-amount:focus,
.wcdp_cu_field input[type="number"]:focus {
  color: #00ABEC !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,171,236,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-566535f */@media screen and (max-width:1518px)and (min-width:1018px) {
  .elementor-228 .elementor-element.elementor-element-566535f .elementor-column-wrap{
  margin: 10% auto;

 }
}/* End custom CSS */