/* ======================================================
   POLICES
====================================================== */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;800&display=swap');

/* ======================================================
   CONTACT FORM 7 — Style global SuccessVisor
====================================================== */

/* Base générale */
.wpcf7 .wpcf7-form,
.wpcf7 .wpcf7-form p {
  text-align: left !important;
  font-family: Inter, system-ui, sans-serif;
  margin: 6px 0 !important; /* espacement par défaut entre  */
}

/* --- TITRE principal + sous-texte (1er  du formulaire) --- */
/* Cas CF7 : un  peut précéder, donc nth-of-type(1). */
.wpcf7 .wpcf7-form > p:nth-of-type(1) {
  font-family: 'Heebo', sans-serif !important; /* sous-texte */
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 35px !important;
  margin-bottom: 10px !important; /* espace sous bloc d'intro */
  color: inherit !important;
}
/* Réduire l'espace créé par le  entre le label et le sous-texte */
.wpcf7 .wpcf7-form > p:nth-of-type(1) br { display: none !important; }
/* Label = “Recevez votre formation gratuite 🎁” */
.wpcf7 .wpcf7-form > p:nth-of-type(1) > label {
  display: block !important;
  font-family: 'Heebo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;  /* micro-espace entre titre & sous-texte */
}

/* --- CHAMPS --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
  width: 90% !important;
  max-width: 520px;
  padding: 16px 20px !important;
  font-size: 17px !important;
  border: 1px solid #ddd !important;
  border-radius: 14px !important;
  box-sizing: border-box;
  margin: 8px 0 16px 0 !important;
  text-align: left;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
  border-color: #F42267 !important;
  box-shadow: 0 0 0 3px rgba(244,34,103,.15);
  outline: none;
}

/* --- BOUTON --- */
.wpcf7 p:has(input[type="submit"]) { text-align: center !important; }
.wpcf7 input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto !important;
  padding: 18px 48px;
  min-height: 52px;
  border: 0;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: #F42267; /* rose */
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
  transition: background-color .25s ease, transform .06s ease, box-shadow .25s ease, filter .2s ease;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="submit"]:focus-visible {
  background-color: #B88B3A !important; /* doré */
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  outline: none;
}
.wpcf7 input[type="submit"]:active {
  transform: translateY(0);
  filter: brightness(.96);
}
/* Spinner */
.wpcf7 .wpcf7-spinner { margin-left: 10px; vertical-align: middle; }

/* --- Messages CF7 (sans encadré jaune) --- */
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 form.invalid    .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent       .wpcf7-response-output,
.wpcf7 form.failed     .wpcf7-response-output {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 10px !important;
  color: #B00020;
  font-weight: 600;
}

/* --- Responsive --- */
@media (max-width: 480px) {
  .wpcf7 input[type="submit"] {
    width: 100%;
    font-size: 17px;
    padding: 18px 24px;
  }
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100% !important;
    max-width: none;
  }
}

/* ======================================================
   WOOCOMMERCE — Nettoyage
====================================================== */
.woocommerce-breadcrumb { display: none !important; }
.shop-control.shop-before-control { display: none !important; }
.shop-before-control, .shop-control { margin: 0 !important; padding: 0 !important; }

/* ======================================================
   BLOG — Nettoyage cartes d’articles
====================================================== */
.post-info .meta-data,
.post-info .readmore-wrap,
.post-info .readmore,
.post-info .post-excerpt { display: none !important; }
.post-info .post-title a {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* ======================================================
   YOUTUBE — Embeds responsive
====================================================== */
.entry-content iframe[src*="youtube"],
.entry-content iframe[src*="youtu.be"],
.wp-block-embed__wrapper iframe,
.elementor .elementor-widget-video iframe,
.elementor .elementor-video iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  display: block;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper,
.wp-block-embed-youtube .wp-block-embed__wrapper { max-width: 100% !important; }
.wp-block-embed,
.wp-block-embed.is-type-video { margin: 20px 0 !important; }

/* ======================================================
   PAGE TITRE — Masqué globalement (si nécessaire)
====================================================== */
.page-title { display: none !important; }
/* ======================================================
   FORMULAIRE CF7 — Version plus aérée
====================================================== */

/* Plus d’espace global entre les paragraphes */
.wpcf7 .wpcf7-form p {
  margin: 10px 0 14px 0 !important;
}

/* Aérer le haut et le bas du formulaire */
.wpcf7 .wpcf7-form {
  padding-top: 10px !important;
  padding-bottom: 6px !important;
}

/* Titre + sous-texte */
.wpcf7 .wpcf7-form > p:nth-of-type(1) > label {
  margin-bottom: 10px !important; /* espace doux sous le titre */
}
.wpcf7 .wpcf7-form > p:nth-of-type(1) {
  margin-bottom: 14px !important; /* espace entre bloc intro et le reste */
}

/* Champs légèrement espacés */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
  margin: 12px 0 20px 0 !important; /* espace vertical entre les champs */
  padding: 18px 22px !important;    /* champs un peu plus confortables */
}

/* Espace avant le bouton */
.wpcf7 p:has(input[type="submit"]) {
  margin-top: 20px !important;
}

/* Espace après le bouton */
.wpcf7 input[type="submit"] {
  margin-bottom: 10px !important;
}

/* === Remplacer "Main Menu" par "MENU" sans JS, tous thèmes courants === */

/* Titre au-dessus du panneau mobile (Elementor Nav Menu) */
.elementor-nav-menu--dropdown .elementor-nav-menu__title {
  font-size: 0 !important;     /* masque le texte sans casser la mise en page */
  line-height: 0 !important;
}
.elementor-nav-menu--dropdown .elementor-nav-menu__title::after {
  content: "MENU";
  font: inherit;                /* garde exactement la même police/gras/taille */
  font-size: initial;           /* rétablit la taille héritée réelle */
  line-height: normal;
  display: inline-block;
}

/* Variante : certains thèmes mettent un libellé près du burger */
.menu-toggle .menu-toggle-text,
.header-menu-toggle .menu-toggle-text,
.ast-mobile-menu-trigger .menu-toggle-text,
.oceanwp-mobile-menu-icon .menu-text,
.kadence-header-menu .menu-toggle-text {
  font-size: 0 !important;
  line-height: 0 !important;
}
.menu-toggle .menu-toggle-text::after,
.header-menu-toggle .menu-toggle-text::after,
.ast-mobile-menu-trigger .menu-toggle-text::after,
.oceanwp-mobile-menu-icon .menu-text::after,
.kadence-header-menu .menu-toggle-text::after {
  content: "MENU";
  font: inherit;
  font-size: initial;
  line-height: normal;
  display: inline-block;
}

/* Accessibilité : ne touche pas aux éléments "screen-reader-only" */

/****************************************************
 * PAGE PRODUIT SUCCESSVISOR — VERSION AVEC SEULEMENT
 * TITRE + PRIX CENTRÉ (plus de flèches ni bouton)
 ****************************************************/

/* 1. Cacher l’image principale */
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .images {
    display: none !important;
}

/* Garder les images dans "Produits recommandés" */
body.single-product .related ul.products li.product img,
body.single-product .upsells ul.products li.product img {
    display: block !important;
}

/****************************************************
 * 2. Titre du produit
 ****************************************************/
body.single-product div.product .product_title {
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
}

/****************************************************
 * 3. Supprimer les flèches navigation (prev/next)
 ****************************************************/
body.single-product div.product .summary a[rel="prev"],
body.single-product div.product .summary a[rel="next"],
body.single-product div.product .product-nav,
body.single-product div.product .summary .product-buttons,
body.single-product div.product .summary .prev-next {
    display: none !important;
}

/****************************************************
 * 4. Supprimer le bouton "Ajouter au panier"
 ****************************************************/
body.single-product div.product .summary .single_add_to_cart_button,
body.single-product div.product .summary form.cart {
    display: none !important;
}

/****************************************************
 * 5. Style du prix — centré + couleur + taille augmentée
 ****************************************************/
body.single-product div.product .summary .price {
    display: block !important;
    text-align: center !important;
    font-size: 42px !important;     /* Ajuste si tu veux encore plus grand */
    font-weight: 800 !important;
    color: #CA9948 !important;
    margin: 20px 0 !important;
    border: none !important;
}

/****************************************************
 * 6. Supprimer "Print" / "Send to a friend"
 ****************************************************/
body.single-product div.product .summary a[class*="print"],
body.single-product div.product .summary a[href*="print"],
body.single-product div.product .summary a[class*="friend"],
body.single-product div.product .summary a[href*="friend"],
body.single-product div.product .summary .product-share,
body.single-product div.product .summary .share {
    display: none !important;
}

/****************************************************
 * 7. Cacher "Catégories"
 ****************************************************/
body.single-product div.product .summary .product_meta {
    display: none !important;
}

/****************************************************
 * 8. Cacher l’onglet "Description" (mais garder le contenu)
 ****************************************************/
body.single-product .woocommerce-tabs ul.tabs {
    display: none !important;
}
body.single-product .woocommerce-tabs .panel {
    display: block !important;
}

/****************************************************
 * 9. Forcer une seule colonne (pas de décalage)
 ****************************************************/
.single-product div.product {
    max-width: 100% !important;
}
.single-product div.product div.summary {
    width: 100% !important;
    margin: 0 !important;
}
/* Centrer le titre du produit */
body.single-product div.product .product_title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Cacher uniquement la zone d’actions / coupon du panier
   sans masquer les lignes produits */
.woocommerce-cart table.cart td.actions {
    border: none !important;      /* supprime le cadre en pointillés */
    padding: 0 !important;
}

/* Masquer le contenu interne (formulaire coupon, etc.) */
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions > * {
    display: none !important;
}

/* CGV checkout : étoile rouge + collée */
.woocommerce-terms-and-conditions-wrapper .required,
.woocommerce form .form-row .required {
  color: #e00000 !important;
  margin-left: 0 !important;
}

/* Masquer le statut de stock (Rupture de stock / En stock) sur la fiche produit */
.single-product .stock,
.single-product .stock.out-of-stock,
.single-product p.stock.out-of-stock {
  display: none !important;
}

/* =========================================
   SUCCESSVISOR — MENU MOBILE (Kute / OVIC)
   - Cache le bandeau login/guest
   - Garde uniquement la croix (barre du haut simplifiée)
   - Feedback au clic sur les liens du menu
   ========================================= */

@media (max-width: 1024px){

  /* Base : menu mobile */
  .ovic-menu-clone-wrap.mobile-main-menu,
  .mobile-main-menu{
    -webkit-tap-highlight-color: rgba(0,0,0,0.18);
  }

  /* 1) Supprimer le bandeau noir login/guest */
  .ovic-menu-clone-wrap.mobile-main-menu .head-menu-mobile,
  .mobile-main-menu .head-menu-mobile{
    display: none !important;
  }

  /* 2) Barre du haut : on garde uniquement la croix */
  .ovic-menu-clone-wrap.mobile-main-menu .menu-mobile-top,
  .mobile-main-menu .menu-mobile-top{
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
  }

  /* Cache tout sauf la croix */
  .ovic-menu-clone-wrap.mobile-main-menu .menu-mobile-top > *:not(.close),
  .mobile-main-menu .menu-mobile-top > *:not(.close){
    display: none !important;
  }

  /* Croix toujours visible */
  .ovic-menu-clone-wrap.mobile-main-menu .menu-mobile-top .close,
  .mobile-main-menu .menu-mobile-top .close{
    display: block !important;
    position: fixed !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 999999 !important;
  }

  /* Remonter légèrement le contenu du menu */
  .ovic-menu-clone-wrap.mobile-main-menu .mobile-main-menu-content,
  .mobile-main-menu .mobile-main-menu-content{
    padding-top: 10px !important;
  }

  /* 3) Feedback au clic sur les liens */
  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li > a,
  .mobile-main-menu ul.main-menu > li > a{
    display: block;
    position: relative;
    padding: 14px 16px !important;
    transition: background-color .15s ease, transform .05s ease;
    outline: none;
  }

  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li > a:active,
  .mobile-main-menu ul.main-menu > li > a:active{
    background: rgba(0,0,0,0.06) !important;
    transform: scale(0.995);
  }

  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li > a:active::before,
  .mobile-main-menu ul.main-menu > li > a:active::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #000;
  }

  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li > a:focus,
  .mobile-main-menu ul.main-menu > li > a:focus{
    background: rgba(0,0,0,0.06) !important;
  }

  /* Indicateur sur la page active */
  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li.current-menu-item > a,
  .mobile-main-menu ul.main-menu > li.current-menu-item > a{
    background: rgba(0,0,0,0.04) !important;
  }

  .ovic-menu-clone-wrap.mobile-main-menu ul.main-menu > li.current-menu-item > a::before,
  .mobile-main-menu ul.main-menu > li.current-menu-item > a::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#000;
  }
}

/* =========================================
   KUTE BOUTIQUE — TAILLE LOGO (DESKTOP + MOBILE)
   Couvre :
   - logo en 
   - logo en background-image
   ========================================= */

/* -------- DESKTOP -------- */
@media (min-width: 768px){

  /* Cas 1 : logo en  */
  .site-header .logo img,
  .site-header .site-logo img,
  .header .logo img,
  .header-logo img,
  .logo a img,
  img.custom-logo{
    width: 200px !important;
    height: auto !important;
    max-width: 225px !important;
    max-height: none !important;
  }

  /* Cas 2 : logo en background-image (sur le lien/div) */
  .site-header .logo a,
  .site-header .site-logo a,
  .header .logo a,
  .header-logo a{
    width: 200px !important;
    height: auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    display: inline-block !important;
  }
}

/* -------- MOBILE -------- */
@media (max-width: 767px){

  /* Cas 1 : logo en  */
  .site-header .logo img,
  .site-header .site-logo img,
  .header .logo img,
  .header-logo img,
  .logo a img,
  img.custom-logo{
    width: 140px !important;      /* ajuste ici */
    height: auto !important;
    max-width: 140px !important;
    max-height: none !important;
  }

  /* Cas 2 : logo en background-image */
  .site-header .logo a,
  .site-header .site-logo a,
  .header .logo a,
  .header-logo a{
    width: 140px !important;      /* ajuste ici */
    height: 120px !important;     /* ajuste si besoin */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    display: inline-block !important;
  }
}

/* =========================================
   WOOCOMMERCE MY ACCOUNT — SUPPRESSION FLÈCHE
   (extension menu compte)
   ========================================= */

/* Supprimer la flèche ajoutée avant le texte */
.woocommerce-MyAccount-navigation a::before,
.woocommerce-MyAccount-navigation a::after,
.woocommerce-MyAccount-navigation li::before,
.woocommerce-MyAccount-navigation li::after{
  content: none !important;
  display: none !important;
}

/* Sécurité : si la flèche est un background-image */
.woocommerce-MyAccount-navigation a{
  background-image: none !important;
}

/* =========================================
   WOOCOMMERCE MY ACCOUNT
   - Pas de flèche
   - Texte actif en jaune #CA9948
   ========================================= */

/* Sécurité : aucune flèche via pseudo-éléments */
.woocommerce-MyAccount-navigation a::before,
.woocommerce-MyAccount-navigation a::after,
.woocommerce-MyAccount-navigation li::before,
.woocommerce-MyAccount-navigation li::after{
  content: none !important;
  display: none !important;
}

/* ÉTAT ACTIF : texte en jaune */
.woocommerce-MyAccount-navigation
li.is-active > a,
.woocommerce-MyAccount-navigation
li.is-active > a span,
.woocommerce-MyAccount-navigation
li.is-active > a .wcmamtx_sticky_icon_name{
  color: #CA9948 !important;
  font-weight: 600;
}

/* Optionnel : icône aussi en jaune */
.woocommerce-MyAccount-navigation
li.is-active > a svg,
.woocommerce-MyAccount-navigation
li.is-active > a i{
  color: #CA9948 !important;
  fill: #CA9948 !important;
}

/* =========================================
   WOOCOMMERCE — TRAIT (My Account / Messages)
   Bleu -> Jaune SuccessVisor
   ========================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{
  border-color: #CA9948 !important;
}

/* Cas spécifique : trait en haut */
.woocommerce-message::before,
.woocommerce-info::before{
  background-color: #CA9948 !important;
}

/* ================================
   SuccessVisor – Diagnostic CF7
   ================================ */

/* 1️⃣ Uniformiser la police de toutes les questions */
.wpcf7 form label {
  font-family: inherit;
  font-weight: 600; /* ou 500 si tu veux plus léger */
}

/* 2️⃣ Forcer les réponses radio sur UNE ligne chacune */
.wpcf7-list-item {
  display: block;
  margin: 10px 0;
}

/* 3️⃣ Enlever le gras des réponses */
.wpcf7-list-item label,
.wpcf7-list-item-label {
  font-weight: 400;
}

/* =====================================================
   CF7 GLOBAL – COMPACT + NOTE OPTIN + ÉTOILES ROUGES
   (compatible Elementor / thèmes qui ajoutent des gaps)
   ===================================================== */

/* 1) Compactage global des formulaires CF7 */
.wpcf7 form label {
  display: block !important;
  margin: 16px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

/* Colle le champ juste sous le label (aucun espace au-dessus) */
.wpcf7 form .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Neutralise les gaps flex/grid que certains thèmes/Elementor ajoutent */
.wpcf7 form,
.wpcf7 form .elementor-form,
.wpcf7 form .elementor-field-group {
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Si des  sont injectés entre label/champ, on les supprime */
.wpcf7 form br {
  display: none !important;
}

/* Inputs : pas de margin-top, et un espace contrôlé après le champ */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="number"],
.wpcf7 form input[type="date"],
.wpcf7 form textarea,
.wpcf7 form select {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* 2) Checkbox CF7 : alignement propre + compact */
.wpcf7 form .wpcf7-list-item {
  margin: 0 !important;
}

.wpcf7 form .wpcf7-list-item label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* 3) Note sous checkbox (GLOBAL sur tous tes formulaires)
   => à condition d’utiliser ...
*/
.wpcf7 form .sv-optin-note {
  margin-top: 6px !important;
  margin-bottom: 14px !important;
  margin-left: 24px !important; /* aligne sous le texte de la checkbox */
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #9aa1a7 !important;
}

/* 4) Étoiles rouges (labels requis)
   => fonctionne si tu mets class="sv-required" sur tes labels
*/
.wpcf7 form .sv-required::after {
  content: "*";
  color: #e02020 !important;
  font-weight: 700 !important;
}

/* 5) Étoile rouge après la checkbox opt-in (si tu utilises class:sv-optin-field) */
.wpcf7 form .sv-optin-field .wpcf7-list-item-label::after {
  content: "*";
  color: #e02020 !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
}

/* Boutons CF7 : casse normale (Commencer, pas COMMENCER) */
.wpcf7 form input[type="submit"] {
  text-transform: none !important;
}

/* Aération des propositions de réponses (radio / checkbox) */
.wpcf7 form .wpcf7-list-item {
  margin-bottom: 14px !important; /* règle ici l’espace entre les lignes */
}

/* Forcer la taille du texte du bouton CF7 */
.wpcf7 input.wpcf7-submit,
.wpcf7 .sv-btn {
  font-size: 24px !important;
  font-weight: 600;
}

/* Kute Boutique : pagination produit (flèches prev/next) */
.single-product nav.kute_boutique-product-pagination{
  display: none !important;
}

.single-product .kute_boutique-product-pagination{
  display: none !important;
}

/* ✅ Retire le voile blanc sur les produits out of stock (Kute Boutique)
   Sans casser les boutons / icônes (on ne touche ni content ni display) */

.woocommerce ul.products li.product.outofstock .thumb-wrapper::before,
.woocommerce ul.products li.product.outofstock .thumb-wrapper::after,
.woocommerce ul.products li.product.outofstock a.thumb-link::before,
.woocommerce ul.products li.product.outofstock a.thumb-link::after,
.woocommerce ul.products li.product.outofstock a.thumb-link.hover-none::before,
.woocommerce ul.products li.product.outofstock a.thumb-link.hover-none::after {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* (optionnel) au cas où le thème grise aussi l'image */
.woocommerce ul.products li.product.outofstock .product-thumb img{
  opacity: 1 !important;
  filter: none !important;
}

/* =========================================
   Kute Boutique : enlever le voile UNIQUEMENT
   dans "Nos autres formations" (related/upsells)
   ========================================= */

/* 1) Neutralise l’overlay sur les vignettes dans related/upsells/cross-sells */
.single-product .related .thumb-wrapper::before,
.single-product .related .thumb-wrapper::after,
.single-product .related a.thumb-link::before,
.single-product .related a.thumb-link::after,
.single-product .related a.thumb-link.hover-none::before,
.single-product .related a.thumb-link.hover-none::after,

.single-product .upsells .thumb-wrapper::before,
.single-product .upsells .thumb-wrapper::after,
.single-product .upsells a.thumb-link::before,
.single-product .upsells a.thumb-link::after,
.single-product .upsells a.thumb-link.hover-none::before,
.single-product .upsells a.thumb-link.hover-none::after,

.single-product .cross-sells .thumb-wrapper::before,
.single-product .cross-sells .thumb-wrapper::after,
.single-product .cross-sells a.thumb-link::before,
.single-product .cross-sells a.thumb-link::after,
.single-product .cross-sells a.thumb-link.hover-none::before,
.single-product .cross-sells a.thumb-link.hover-none::after {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* 2) Au cas où le thème grise l'image directement dans ces blocs */
.single-product .related img,
.single-product .upsells img,
.single-product .cross-sells img {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* =====================================================
   SUCCESSVISOR – TITRES UNIFORMES (Kute Boutique safe)
   - Tous les titres prennent la hauteur de 2 lignes
   - Aucun impact sur le bouton add-to-cart
   ===================================================== */

/* 1) On cible le LIEN du titre, sans jamais toucher aux boutons */
.woocommerce ul.products li.product .product-inner a:not(.button):not(.add_to_cart_button),
.woocommerce ul.products li.product .product-info a:not(.button):not(.add_to_cart_button) {
  /* rien ici volontairement : on ne veut pas impacter d'autres liens */
}

/* 2) TITRE : Kute Boutique utilise souvent .product-name a */
.woocommerce ul.products li.product .product-name a{
  line-height: 1.4 !important;
  min-height: calc(1.4em * 2) !important;  /* 2 lignes même si 1 seule */
  max-height: calc(1.4em * 2) !important;
  overflow: hidden !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* 3) Si le thème met le titre dans un h3/h2 */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product h3.woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-title{
  line-height: 1.4 !important;
  min-height: calc(1.4em * 2) !important;
  max-height: calc(1.4em * 2) !important;
  overflow: hidden !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* 4) Sécurité : ne jamais clamp / cacher le bouton */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button{
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  white-space: nowrap !important;
}

/* Honeypot CF7 : invisible pour les humains */
.sv-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

@media (min-width: 768px){
  .woocommerce ul.products li.product{
    margin-bottom: 18px !important;
  }
  .woocommerce ul.products{
    row-gap: 18px !important;
  }
}

/* ✅ 1) Retirer les bordures EXTÉRIEURES (le cadre du li) */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product-item{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ✅ 2) Garder UNIQUEMENT la bordure INTÉRIEURE (la vraie card) */
.woocommerce ul.products li.product .product-inner,
.woocommerce ul.products li.product-item .product-inner{
  border: 1px solid rgba(0,0,0,.16) !important; /* ajuste .16 -> .20 si tu veux plus visible */
  box-shadow: none !important;
}

/* Option : hover un peu plus marqué (toujours sur la bordure intérieure uniquement) */
.woocommerce ul.products li.product:hover .product-inner,
.woocommerce ul.products li.product-item:hover .product-inner{
  border-color: rgba(0,0,0,.24) !important;
}

/* ✅ Arrondir légèrement les coins des cards produits */
.woocommerce ul.products li.product .product-inner,
.woocommerce ul.products li.product-item .product-inner{
  border-radius: 5px !important; /* ajuste : 8px / 10px / 12px */
  overflow: hidden !important;    /* évite que l'image dépasse */
}