/*
 Theme Name:   Kadence Child
 Theme URI:    https://mybigger.fr/
 Description:  Thème enfant pour Kadence
 Author:       Ton Nom
 Author URI:   https://Hichem/
 Template:     kadence
 Version:      1.0.0
*/



/************************************************************
  MYBIGGER — CSS PERSONNALISÉ
  Organisation claire + commentaires explicites
  ------------------------------------------------------------
  TABLE DES MATIÈRES
  01) Boutons [add_to_cart] — base + états + libellés par ID
      1.1 Wrapper shortcode
      1.2 Style global bouton
      1.3 Libellés personnalisés (IDs 142806 / 142810 / 142812)
      1.4 Patch centrage Kadence
      1.5 Bouton HÉRO (offre 2) — texte long
  02) Témoignages (widget WL) — réorganisation blocs
  03) “Titres premium” injectés par JS (popup Xootix / Panier / Checkout)
  04) Panier (Woo Blocks) — masquages & liens image
  05) Checkout (Woo Blocks) — masquages & marge titre
  06) Popup Side Cart Xootix — neutraliser clic image
  07) Panier vide — message + bouton
************************************************************/


/* ==========================================================
 01) STYLE DES BOUTONS[add_to_cart]   
 ========================================================== */

/* ===== Style global des boutons Add to Cart ===== */
a.add_to_cart_button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* typo */
  font-family: "Lato", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: .2px;

  /* couleurs / forme */
  background-color: #3E604B !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 45px;
  padding: 8px 20px 10px 20px;
  text-decoration: none !important;
  text-transform: none;

  /* gestion des textes longs */
  white-space: normal !important;   /* autorise retour à la ligne */
  text-align: center !important;    /* centre le texte */
  line-height: 1.3;
  max-width: 340px;                 /* largeur max lisible */
  margin: 0 auto;                   /* centre le bouton */
  display: block;                   /* bouton toujours centré */
  
  /* effets */
  transition: background .2s ease, transform .12s ease, box-shadow .2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

a.add_to_cart_button:hover{
  background-color: #345241 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

a.add_to_cart_button:active{
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

a.add_to_cart_button:focus{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(62,96,75,.25);
}

/* état loading Woo */
a.add_to_cart_button.loading{
  opacity: .85;
  pointer-events: none;
}

/********** Shortcode [add_to_cart] — wrapper & prix voisin **********/
.add_to_cart_inline{
  border:none !important; padding:0 !important; margin:0 !important;
  background:transparent !important; box-shadow:none !important; text-align:center;
}
/* Masquer le prix injecté à côté du bouton (si tu ne le veux pas) */
.add_to_cart_inline .amount,
.add_to_cart_inline del,
.add_to_cart_inline ins{ display:none !important; }





/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ==========================================================
   02) TÉMOIGNAGES (widget WL) — réorganisation visuelle
   ========================================================== */
.ht-client-info-wrap{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.ht-client-info-wrap .ht-client-info-2{ 
  order: 1 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.ht-client-info-wrap .ht-client-info-2 h4{ order: 1 !important; margin-bottom: 4px; }
.ht-client-info-wrap .ht-client-info-2 span{ order: 2 !important; margin-bottom: 6px; display: block; }
.ht-client-info-wrap .ht-client-info-2 .ht-client-rating{ order: 3 !important; margin-bottom: 8px; }
.ht-client-info-wrap .ht-client-img{ order: 4 !important; margin: 10px 0; width: 100%; }
.ht-client-info-wrap .ht-client-img img{ width: 100%; height: auto; object-fit: cover; }
.ht-client-info-wrap .ht-client-content{ order: 5 !important; margin-top: 8px; }




/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ===========================================================================================================================================================
   03) MISE EN FORME SIDE CART XOOTIX— Pour la mise en forme du texte (titre + descriptif + coches) et neutralisation du ckic du texte, aller dans le code JS
   ================================================================================================================================================================ */

/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ==========================================================
   04) PANIER (Woo Blocks) — masquages & liens image
   ========================================================== */

/* Masquer la petite description sous le produit */
.wc-block-cart .wc-block-components-product-metadata__description{ display: none !important; }

/* Masquer le bloc de prix “doublon” sous le produit */
.wc-block-cart .wc-block-cart-item__prices{ display: none !important; }

/* Rendre l’image non cliquable (évite la redirection fiche produit) */
.wc-block-cart .wc-block-cart-item__image a{
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}
.wc-block-cart .wc-block-cart-item__image{ pointer-events: none !important; }

/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ==========================================================
   05) CHECKOUT (Woo Blocks) — masquages & marge titre
   ========================================================== */

/* Masquer description courte + prix unitaire doublon */
.wc-block-components-product-metadata__description{ display:none!important; }
.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price{ display:none!important; }

/* Petite marge sous le titre reformaté par JS */
body.woocommerce-checkout h3.wc-block-components-product-name{
  margin: 0 0 8px 0; color:#0f172a; font: inherit;
}

/***************************************************************************************************************************************************************************************************************************************************************************************************************/


/* ==========================================================
   06) POPUP SIDE CART XOOTIX — neutraliser clic image
   ========================================================== */
.xoo-wsc-img-col a{
  pointer-events:none !important;
  cursor:default !important;
  text-decoration:none !important;
}

/***************************************************************************************************************************************************************************************************************************************************************************************************************/


/* ==========================================================
   07) PANIER VIDE — message + bouton
   ========================================================== */
.custom-empty-cart { text-align:center; padding:40px 20px; }
.custom-empty-cart .empty-text { font-size:16px; font-weight:400; color:#0f172a; margin-bottom:30px; }
.custom-empty-cart .empty-cart-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 24px; font-family:"Lato", sans-serif;
  font-size:17px; font-weight:500; color:#fff; background-color:#3E604B;
  text-decoration:none; transition:background .2s ease, transform .12s ease, box-shadow .2s ease;
}
.custom-empty-cart .empty-cart-btn:hover{
  background-color:#345241; transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.08);
}

/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ==============================================================================
   08) UPSELL DANS SIDE CART (passer à l'offre supérieure) voic le CSS dansle JS
   Car le CSS est écrasé en cours de route par le thème
   ============================================================================ */



/***************************************************************************************************************************************************************************************************************************************************************************************************************/


/*==========================================================
   10) UPSELL CHECKOUT (Mise en forme upsell) aller dans le JS pour trouver le css 
   ========================================================== */



/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/*==========================================================
   11) Taille du texte CHECKOUT (grossir la police)  
========================================================== */

/* Tout le texte de la page checkout */
body.woocommerce-checkout {
  font-size: 16px; /* taille de base */
}

/* Nom des produits dans le récapitulatif */
/*.woocommerce-checkout .wc-block-components-order-summary-item__description,
.woocommerce-checkout .wc-block-components-product-name {
  font-size: 17px;
}*/

/* Ligne "Total" dans le récapitulatif */
.woocommerce-checkout .wc-block-components-totals-footer-item {
  font-size: 16px; 
  font-weight: 700; /* texte en gras */
}

/* Bouton "Payer" */
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  font-size: 20px; /* bien plus gros que le reste */
  padding: 14px 16px; /* bouton plus haut et large */
}

/*===================================      12) SUPPRESSION CGV DANS PAGE   CHECKOUT =====================================*/
.wc-block-checkout__terms { display: none !important; }

/*=================================*/

/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/*==========================================================
12) CENTRE LES LOGOS DANS WOOCOMMERCE (LOGO + PICTOGRAMMES)
===================================================================*/
/* Ne centre QUE ce fichier image sur le checkout */
body.woocommerce-checkout img.wp-image-143965 {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: auto !important;
  max-width: 100% !important;
  float: none !important;
  align-self: center !important; /* si parent = flex */
}

/***************************************************************************************************************************************************************************************************************************************************************************************************************/

/*===============================================================================
13)  Page commande reçue + panier/checkout (blocs Woo)
================================================================================*/
/* === Page commande reçue + panier/checkout (blocs Woo) === */

/* Boutons : texte blanc, contraste fort, arrondi */
.woocommerce a.button,
.woocommerce a.button.alt,
.wc-block-components-button,
.wc-block-components-button:not([disabled]),
.wc-block-components-button__button,
.wc-block-cart__submit-button,
.wc-block-checkout__actions .wc-block-components-button,
button.wc-block-components-button {
  background: #1f5130 !important;   /* vert MB profond */
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: .65rem 1rem !important;
  box-shadow: none !important;
}

/* Bouton au survol/focus */
.woocommerce a.button:hover,
.wc-block-components-button:hover,
button.wc-block-components-button:hover {
  filter: brightness(0.95);
}

/* Liens style bouton (ex : “Voir la commande”, “Télécharger”) */
.woocommerce .button.wc-forward {
  background: #1f5130 !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* Petits textes d’explication sous le total sur la page de remerciement */
.woocommerce-order .woocommerce-table--order-details tfoot .mb-inclus,
.woocommerce-order .woocommerce-table--order-details tfoot .mb-inclus-line {
  font-size: .9em;
  color: #333;
}