/*
Theme Name: Asting Child
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Template: asting
Author: Ovatheme
Description: Asting is a modernized take on an ever-popular WordPress. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Asting will make your WordPress look beautiful everywhere. Created by Ovatheme
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-menu,editor-style,featured-images,flexible-header,full-width-template,post-formats,rtl-language-support,sticky-post,translation-ready
Version: 1.2.7.1763987031
Updated: 2025-11-24 12:23:51

*/

/*Module de donation WOOCOMMERCE----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Conteneur global du faux select */
#wcdp-get-send .wcdp-product-choice .wcdp_options {
  position: relative;
  max-width: 320px;
  padding: 0;
  margin: 0;
  background-color: #f7fdf7;
  border-radius: 0px;
  cursor: pointer;
  list-style: none;
}

/* Éléments internes */
#wcdp-get-send .wcdp-product-choice .wcdp_options li {
  display: none;
  padding: 10px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  transition: background 0.3s;
}

.wcdp_options>li>input:checked+label:after{position: static;}

#wcdp-get-send .wcdp-product-choice .wcdp_options.open li {
  display: block;
  flex: 1 1 100%;
}

/* Premier élément affiché comme un bouton de select */
#wcdp-get-send .wcdp-product-choice .wcdp_options li.selected {
  display: block;
  background-color: #e5fce6;
  font-weight: 600;
  position: relative;
  border: none;
  padding: 10px;
}

/* Ajout de la flèche uniquement dans le bloc sélectionné */
#wcdp-get-send .wcdp-product-choice .wcdp_options li.selected::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.3s ease;
}

/* Rotation vers le haut quand ouvert */
#wcdp-get-send .wcdp-product-choice .wcdp_options.open li.selected::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Style des libellés radio */
#wcdp-get-send .wcdp-product-choice .wcdp-button-label {
  display: block;
  cursor: pointer;
  user-select: none;
}

/* Label "Campagne" */
#wcdp-get-send .wcdp-product-choice label.wcdp-variation-heading {
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

/*Structure du formulaire de don
#wcdp {
  font-family: 'Inter', sans-serif;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  padding: 2em;
  max-width: 700px;
}*/

#wcdp .wcdp-variation-heading {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 0.8em!important;
  display: block;
  color: #1b365d;
}

#wcdp #wcdp_amount {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  margin-bottom: 2em;
  padding: 0;
  list-style: none;
}


/* CENTRER LE BLOC PRINCIPAL + MASQUER L'IMAGE DE GAUCHE */
.woocommerce-product-gallery{width: 50%;}
.woocommerce-product-gallery .woocommerce-product-gallery__image img
{ 
  border-radius: 10px;
}

.summary.entry-summary {
    margin-bottom: 2em;
    background-color: #FFFFFF80;
    border-radius: 20px;
    padding: 32px;
}


/* STYLE HUMAN APPEAL ADAPTÉ */

.product-template-default .product{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;}

.product-template-default{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 109, 18, 0.20));}


.product-template-default .product_meta,
.product-template-default .woocommerce-tabs,
.product-template-default .related,
.shortcode-page-don .product_title
 {display:none;}




/* Image de fond et conteneur centré */
.hs-donation-background {
  background-size: cover;
  background-position: center;
  padding: 5em 1em;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  margin-top: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hs-donation-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* Boîte centrale floutée */
.hs-donation-box {
  position: relative;
  z-index: 2;
  padding: 2em;
  max-width: 700px;
  margin: 0 auto;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  font-family: 'Inter', sans-serif;
}

/* Sections */
.hs-section {
  margin-bottom: 2em;
}
.hs-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1b365d;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}

/* Options de don et campagnes */
#wcdp .wcdp_options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin-top: 1em;
  padding: 0;
  list-style: none;
}

#wcdp .wcdp-product-choice .wcdp_options {
  gap: 0.2em;
}


#wcdp .wcdp_options li {
  flex: 1 1 120px;
  position: relative;
}

@media screen and (max-width
: 600px) {
  #wcdp .wcdp_options li {
    flex: auto;
    width: 47%;
  }
}

#wcdp .wcdp-button-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8em 1.2em;
  border: 1px solid var(--wcdp-main);
  border-radius: 0px;
  background: white;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  color: var(--wcdp-main-2);
}
#wcdp input[type="radio"]:checked + .wcdp-button-label {
  background-color: var(--wcdp-main-2);
  color: white;
}

/* Input pour montant personnalisé */

#wcdp .wcdp_cu_field input[type="number"] {
  padding: 0.6em;
  border: 1px solid #ccc;
  border-radius: 0px;
  width: 100px;
  font-size: 1rem;
  background: white;
  color: #000;
}

/* Correction label "Other" */
#wcdp_label_custom_amount {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0.3em;
  padding: 0.5em 0;
}

/* Bouton principal */
.hs-submit {
  display: flex;
  justify-content: flex-end;
}
#wcdp .wcdp-button.wcdp-right {
  background-color: #FF6D12;
  border: none;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 1em 2em;
  border-radius: 0px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
#wcdp .wcdp-button.wcdp-right:hover {
  background-color: #FF6D12;
}

/* Dropdown campagne (version ul/li) */
#wcdp #WCDP_ProductSettings li.selected {
  padding: 0.8em 1.2em;
  border: 1px solid var(--wcdp-main);
  border-radius: 0px;
  background: white;
  font-weight: 600;
  font-size: 1rem;
  font-family: 'Inter', sans-serif;
  width: 100%;
  text-align: center;
  color: var(--wcdp-main-2);
  margin-bottom: 0.8em;
}

/* Responsive */
@media (max-width: 600px) {
  .hs-donation-box {
    padding: 1.5em;
  }
 
  .product_title.entry-title {
    font-size: 2.2rem;
  }
}

/* ✅ Correction du champ "Autre montant" */

#wcdp .wcdp_cu_field {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
}

#wcdp .wcdp_cu_field span {
  font-weight: bold;
  font-size: 1rem;
  color: white;
}

#wcdp .wcdp_cu_field input[type="number"] {
  background: white;
  color: #000;
  padding: 0.6em 0.8em;
  border-radius: 0px;
  font-size: 1rem;
  width: 100px;
  border: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Apparence du champ "Choisissez une campagne" */
#wcdp #WCDP_ProductSettings li.selected {
  flex: 1 1 100%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--wcdp-main);
  border-radius: 0px;
  font-weight: 600;
  text-align: center;
  padding: 0.8em 1.2em;
  margin-bottom: 0em;
  color: var(--wcdp-main-2);
  cursor: pointer; /* ✅ permet le clic */
  pointer-events: auto; /* ✅ permet le clic */
  position: relative;
}

#wcdp #WCDP_ProductSettings li.selected::after {
  content: "▼";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  color: var(--wcdp-main-2);
  pointer-events: none;
}


.hs-donation-switch {
  display: flex;
  justify-content: center;
  gap: 0em;
  margin: 0em auto 0;
}


.hs-switch-button {
  text-decoration: none;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0.8em 1.5em;
  border: 1px solid var(--wcdp-main);
  border-radius: 0px;
  background-color: white;
  color: var(--wcdp-main-2);
  transition: all 0.3s ease;
}

.hs-switch-button:hover {
  background-color: var(--wcdp-main);
  color: white;
}

.hs-switch-button.active {
  background-color: var(--wcdp-main-2);
  color: white;
  font-weight: bold;
  border: 2px solid var(--wcdp-main-2);
}

.wcdp-divider{display: none;}



/* POPUP DE CAMPAGNES */
/* Overlay de fond */
.campaign-popup-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 1em;
}
.campaign-popup-overlay.open {
  display: flex;
}

/* Boîte principale */
.campaign-popup {
  background: #fff;
  border-radius: 0px;
  padding: 2em 2em 2.5em;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.2);
  font-family: 'Inter', sans-serif;
  position: relative;
}

/* Titre */
.campaign-popup h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.5em;
  color: #1b365d;
  text-transform: uppercase;
  text-align: center;
}

/* Liste des campagnes */
.campaign-popup .campaign-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
}
.campaign-popup .campaign-list li {
  margin-bottom: 0.8em;
}
.campaign-popup .campaign-list input[type="radio"] {
  display: none;
}
.campaign-popup .campaign-list label {
  display: block;
  padding: 0.8em 1.2em;
  border: 2px solid var(--wcdp-main, #FF6D12);
  border-radius: 0px;
  background: #fff;
  color: var(--wcdp-main-2, #1b365d);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}
.campaign-popup .campaign-list input[type="radio"]:checked + label {
  background: var(--wcdp-main-2, #FF6D12);
  color: #fff;
  border-color: var(--wcdp-main-2, #FF6D12);
}

/* Bouton fermer */
.campaign-popup .close-campaign-popup {
  margin-top: 2em;
  display: block;
  width: 100%;
  padding: 1em;
  font-weight: bold;
  border: none;
  border-radius: 0px;
  background: #FF6D12;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s;
}
.campaign-popup .close-campaign-popup:hover {
  background: #FF6D12;
}

/* Bouton déclencheur (dans le formulaire) */
.campaign-popup-trigger {
  background-color: white;
  border: 1px solid var(--wcdp-main, #FF6D12);
  border-radius: 0px;
  padding: 0.8em 1.2em;
  cursor: pointer;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  color: var(--wcdp-main-2, #1b365d);
  margin-bottom: 1em;
  width: 100%;
  transition: background 0.3s ease, color 0.3s ease;
}
.campaign-popup-trigger:hover,.campaign-popup-trigger:focus {
  background-color: var(--wcdp-main-2, #FF6D12);
  color: #fff;
}

.campaign-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none; /* par défaut caché */
}

.popup-campaign {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 1000;
  padding: 2em;
  border-radius: 0px;
  box-shadow: 0 0 30px rgba(0,0,0,0.3);
}


/* CHECKOUT - Human Smile */

/* === Contexte === */
.wp-block-woocommerce-checkout {
  font-family: 'Inter', sans-serif;
  /*background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 109, 18, 0.20));
  padding-top: 3vh!important;*/
  
  }

.wc-block-checkout .wps_recurring_bifurcation_wrapper h4 a{color: #ff6d12!important;}

.wc-block-components-sidebar-layout{
  max-width: 1200px;
  }

/* === Titres === */
.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout .wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-checkout-order-summary__title-text {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700 !important;
  color: #FF6D12 !important;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}


/* === Titres produits === */
.wc-block-checkout .wc-block-components-product-name {
  font-size: 0.95rem !important;
  color: #FF6D12;
  font-weight: 600;
}

/* === Sections avec fond blanc semi-transparent === */
.wc-block-checkout .wc-block-checkout__main,
.wc-block-checkout .wc-block-checkout__sidebar,
.wc-block-checkout .wc-block-components-checkout-step__container,
.wc-block-checkout .wc-block-checkout__order-notes,
.wc-block-checkout .wc-block-checkout__actions {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  box-shadow: 0 10px 30px rgba(8, 28, 36, 0.03);
  padding: 32px;
  backdrop-filter: blur(2px);
  margin-bottom: 24px;
}

.wc-block-checkout .wc-block-components-sidebar {
  margin-top: 0 !important;
}

/* === Erreur paiement Woo === */
.wc-block-checkout .wc-block-components-notice-banner.is-error {
  background-color: #E5F4FB;
  color: #2193DF;
  border-left: 5px solid #2193DF;
  padding: 12px 16px;
  border-radius: 0px;
  margin: 20px 0;
}

/* === Textes et liens === */
.wc-block-checkout label,
.wc-block-checkout .wc-block-components-checkout-step__description,
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button,
.wc-block-checkout .wc-block-components-totals-item__label {
  color: #FF6D12;
}

/* === Bouton commander === */
.wc-block-checkout .wc-block-components-checkout-place-order-button {
  background-color: #2193DF;
  border: solid 1px #2193DF;
  color: white;
  border-radius: 0px;
  padding: 14px 26px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
  background-color: #1A6EAA;
}

/* === Retour panier === */
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button {
  color: #FF6D12;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  transition: color 0.2s ease;
}

.wc-block-checkout .wc-block-components-checkout-return-to-cart-button:hover {
  color: #1A6EAA;
}

/* === Mobile : padding général sur titres et éléments proches des bords === */
@media screen and (max-width: 767px) {
  .wc-block-checkout .wc-block-components-checkout-step__heading,
  .wc-block-checkout .wc-block-components-checkout-step__container,
  .wc-block-checkout .wc-block-checkout__order-notes,
  .wc-block-checkout .wc-block-checkout__actions,
  .wc-block-checkout .wps_recurring_bifurcation_wrapper,
  .wc-block-checkout .wc-block-components-checkout-order-summary__title-text {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* === Lien dans .wps_recurring_bifurcation_wrapper === */
.wc-block-checkout .wps_recurring_bifurcation_wrapper h4 a {
  color: #2193DF;
  font-weight: 600;
  text-decoration: none;
}

.wc-block-checkout .wps_recurring_bifurcation_wrapper h4 a:hover {
  text-decoration: underline;
}


.wc-block-components-express-payment--checkout {
  padding-top: 24px;
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container {
  padding-top: 16px;
}

/*Masquer sous total*/
.wp-block-woocommerce-checkout-order-summary-totals-block{display: none;}
/*Masquer le produit 1€*/
.wc-block-components-order-summary-item__individual-prices{display: none!important;}