/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.2.1763672778
Updated: 2025-11-20 22:06:18

/* -----------------------------
  TITRE DES VARIATIONS
----------------------------- */
.woocommerce div.product .variations label {
    color: #3CC44C;       /* couleur verte */
    font-weight: 300;     /* moins épais / regular */
    font-size: 1em;       /* taille normale, à ajuster si nécessaire */
}

/* -----------------------------
  VOLET DÉROULANT (select)
----------------------------- */
.woocommerce div.product .variations select {
    background-color: #E9F5EA; /* fond vert clair */
    color: #000000;            /* texte noir */
    border: 1px solid #3CC44C; /* fine bordure verte */
    border-radius: 50px;        /* coins arrondis */
    padding: 0.4em 0.6em;
    font-size: 1em;
    transition: all 0.3s ease;
}

/* Survol du volet déroulant */
.woocommerce div.product .variations select:hover {
    background-color: #ffffff; /* fond blanc au survol */
}

/* -----------------------------
  EXTRAS / Add-ons (si plugin type Product Add-ons)
----------------------------- */
.woocommerce div.product .product-addon label,
.woocommerce div.product .product-addon .addon_label {
    color: #3CC44C;     /* titre vert */
    font-weight: 300;   /* regular */
    font-size: 1em;
}

.woocommerce div.product .product-addon .addon_description,
.woocommerce div.product .product-addon .addon_input {
    font-size: 0.9em;   /* texte plus petit */
    color: #000000;     /* texte noir */
}

/* Bouton "Ajouter au panier" sur la page produit */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: #3CC44C;   /* fond vert */
    color: #ffffff;              /* texte blanc */
    border: 1px solid #3CC44C;   /* fine bordure verte */
    border-radius: 999px;        /* coins très arrondis (effet pilule) */
    padding: 0.8em 2.5em;        /* hauteur + largeur du bouton */
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.03em;
    font-size: 1rem;
    transition: all 0.3s ease;
    
    /* Centrage parfait du texte */
    display: inline-flex;
    align-items: center;   /* centre verticalement */
    justify-content: center; /* centre horizontalement */
    text-align: center;
}

/* État au survol */
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #ffffff;
    color: #3CC44C;
    border-color: #3CC44C;
}

/* État actif / clic */
.woocommerce div.product form.cart .single_add_to_cart_button:active {
    transform: scale(0.97);
}

/* Pas d'ombre parasite éventuelle */
.woocommerce div.product form.cart .single_add_to_cart_button {
    box-shadow: none;
}
/*===============================
   BLOCS PRODUITS LIÉS / UPSELLS
   (Vous aimerez aussi, Produits similaires, etc.)
   =============================== */

/* Séparateur au-dessus des produits liés / upsells */
.related,
.upsells,
.upsells.products,
section.related.products {
    margin-top: 3em;
    padding-top: 2em;
    position: relative;
}

.related::before,
.upsells::before,
section.related.products::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12.5%;       /* commence après 12,5% → environ 75 % de largeur */
    right: 12.5%;
    height: 1px;
    background: white; /* gris clair discret modifié en blanc */
}


/* Cible les sections standards WooCommerce */
.related,
.upsells,
.upsells.products,
section.related.products {
    margin-top: 3em;
}

/* 1. Cacher le titre original des produits liés / upsells */
.related > h2,
.related > h3,
.upsells > h2,
.upsells > h3,
section.related.products > h2,
section.upsells.products > h2 {
    font-size: 0;  
    margin: 0;            /* on remet tout à zéro ici */
    position: relative;
}

/* 2. Ajouter notre propre texte avant (en remplacement visuel) */
.related > h2::before,
.related > h3::before,
section.related.products > h2::before {
    content: "Avec ceci, votre animal pourrait aimer...";
    font-size: 1.1rem;
    font-weight: 500;
    color: #3CC44C;
    display: block;
    margin-bottom: 1.2em;   /* 👉 espace entre le titre et les cartes */
}

/* Pour les upsells aussi, au cas où */
.upsells > h2::before,
.upsells > h3::before,
section.upsells.products > h2::before {
    content: "Avec ceci votre animal pourrait aimer...";
    font-size: 1.1rem;
    font-weight: 500;
    color: #3CC44C;
    display: block;
    margin-bottom: 1.2em;   /* 👉 même espace ici */
}



/* Grille des produits : minimum 3 colonnes quand c'est possible */
.related ul.products,
.upsells ul.products,
section.related.products ul.products,
section.upsells.products ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 colonnes */
    gap: 1.5em;
    margin: 0;
    padding: 0;
}

/* Sur petits écrans, on revient à quelque chose de plus souple */
@media (max-width: 900px) {
    .related ul.products,
    .upsells ul.products,
    section.related.products ul.products,
    section.upsells.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .related ul.products,
    .upsells ul.products,
    section.related.products ul.products,
    section.upsells.products ul.products {
        grid-template-columns: 1fr;
    }
}


/* Chaque produit sous forme de carte */
.related ul.products li.product,
.upsells ul.products li.product,
section.related.products ul.products li.product,
section.upsells.products ul.products li.product {
    list-style: none;
    background: #ffffff;
    border-radius: 16px;
    padding: 1em;
    text-align: center;
    border: 1px solid #E9F5EA;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Effet hover sur la carte */
.related ul.products li.product:hover,
.upsells ul.products li.product:hover,
section.related.products ul.products li.product:hover,
section.upsells.products ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
    border-color: #3CC44C;
}

/* Image du produit */
.related ul.products li.product a img,
.upsells ul.products li.product a img,
section.related.products ul.products li.product a img,
section.upsells.products ul.products li.product a img {
    border-radius: 12px;
    margin-bottom: 0.8em;
}

/* Titre du produit */
.related ul.products li.product .woocommerce-loop-product__title,
.upsells ul.products li.product .woocommerce-loop-product__title,
section.related.products ul.products li.product .woocommerce-loop-product__title,
section.upsells.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
    margin: 0.1em 0 0.1em;
}

/* Prix */
.related ul.products li.product .price,
.upsells ul.products li.product .price,
section.related.products ul.products li.product .price,
section.upsells.products ul.products li.product .price {
    font-size: 0.90rem;
    color: #3CC44C;
    font-weight: 500;
    margin-bottom: 0.6em;
}

/* Bouton */
.related ul.products li.product .button,
.upsells ul.products li.product .button,
section.related.products ul.products li.product .button,
section.upsells.products ul.products li.product .button {
    background-color: transparent;   /* plus de fond */
    color: #3CC44C;
    border: 1px solid #3CC44C;
    border-radius: 999px;
    padding: 0.45em 1.4em;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.03em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: none;
    transition: all 0.3s ease;
}

/* Hover : on remplit légèrement pour donner un feedback mais en restant chic */
.related ul.products li.product .button:hover,
.upsells ul.products li.product .button:hover,
section.related.products ul.products li.product .button:hover,
section.upsells.products ul.products li.product .button:hover {
    background-color: #E9F5EA;
    color: #3CC44C;
    border-color: #3CC44C;
}


/* Cacher éventuellement les étoiles dans ces blocs */
.related ul.products li.product .star-rating,
.upsells ul.products li.product .star-rating,
section.related.products ul.products li.product .star-rating,
section.upsells.products ul.products li.product .star-rating {
    display: none;
}
/* Espace sous le bloc produits liés / upsells */
.related,
.upsells,
.upsells.products,
section.related.products,
section.upsells.products {
    margin-bottom: 5em; /* tu peux mettre 2em, 3em, 4em selon ton goût */
}


/* Responsive */
@media (max-width: 768px) {
    .related ul.products,
    .upsells ul.products,
    section.related.products ul.products,
    section.upsells.products ul.products {
        gap: 1em;
    }

    .related ul.products li.product,
    .upsells ul.products li.product,
    section.related.products ul.products li.product,
    section.upsells.products ul.products li.product {
        padding: 0.8em;
    }
}


/* Titre du bloc */
.especes-cibles__title {
    text-align: center;     /* titre centré */
    color: #3CC44C;         /* vert */
    font-size: 1.3em;       /* ajuste la taille */
    margin-bottom: 1em;     /* espace sous le titre */
}

/* Galerie globale */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;        /* permet plusieurs lignes */
    justify-content: center;
    gap: 1em;               /* espace entre les images */
}

/* Chaque image */
.wp-block-gallery .blocks-gallery-item img {
    width: calc(25% - 1em); /* 4 images par ligne avec espace */
    height: auto;            /* ne pas couper les images */
    object-fit: contain;     /* s’adapte à l’image entière */
    border-radius: 10px;     /* coins arrondis si tu veux */
}

/* Légende / texte sous chaque image */
.wp-block-gallery .blocks-gallery-item figcaption {
    text-align: center;
    font-size: 0.9em;
    margin-top: 0.3em;
}



/* Miniatures produit - fond transparent complet */
.woocommerce div.product div.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce div.product div.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a,
.woocommerce div.product div.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.woocommerce div.product div.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image::before {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Miniatures de la galerie produit - fond transparent */
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    background-color: transparent !important;
}

/* Si Kadence utilise ses classes spécifiques */
.kt-product-gallery .kt-product-gallery-thumbnail img {
    background-color: transparent !important;
}

/* Supprimer éventuellement les bordures blanches */
.woocommerce div.product .flex-control-thumbs li {
    background-color: transparent !important;
    border: none !important;
}
/* Miniatures de la galerie produit - fond et bordure transparents */
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.kt-product-gallery .kt-product-gallery-thumbnail img,
.woocommerce div.product .flex-control-thumbs li,
.woocommerce div.product .flex-control-thumbs li img {
    background-color: transparent !important;  /* supprime le fond */
    border: none !important;                   /* supprime les bordures */
    box-shadow: none !important;              /* supprime ombres éventuelles */
}
/* -----------------------------
  PAGE PANIER - BLOCS WOOCOMMERCE
----------------------------- */

/* 1. Nom du produit en vert */
.wc-block-components-product-name {
    color: #3CC44C !important;
    font-weight: 500;
    text-decoration: none;
}

/* 2. Supprimer la description des variations */
.wc-block-components-product-metadata__description {
    display: none;
}

/* 3. Total du produit en vert */
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price__value {
    color: #3CC44C;
    font-weight: 500;
}

/* 4. Bouton "Supprimer l’élément" et quantité : optionnel, si besoin d'harmoniser */
.wc-block-cart-item__remove-link,
.wc-block-components-quantity-selector__button {
    background: transparent;
    border: 1px solid #3CC44C;
    color: #3CC44C;
    border-radius: 999px;
    padding: 0.25em 0.6em;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
}

.wc-block-cart-item__remove-link:hover,
.wc-block-components-quantity-selector__button:hover {
    background-color: #3CC44C;
    color: #ffffff;
    border-color: #3CC44C;
}
/* ===========================
   PANIER – Totaux et bouton
   =========================== */

/* Montant du total estimé */
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-footer-item__value span,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-footer-item__label {
    color: #3CC44C;        /* vert */
    font-weight: 600;
}


/* Total estimé - texte et montant */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value span {
    color: #3CC44C;      /* vert */
    font-weight: 600;    /* éventuellement plus visible */
}
/* Bouton panier : supprimer bordure "double" et style contained */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained {
    border: 1px solid #3CC44C !important; /* seule bordure */
    background-color: #3CC44C !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    padding: 0.8em 2.5em !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Neutraliser pseudo-éléments qui ajoutent une bordure */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::before,
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::after {
    display: none !important;
}

/* Hover */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained:hover {
    background-color: #ffffff !important;
    color: #3CC44C !important;
    border-color: #3CC44C !important;
}

/* Masquer le header de la page panier (vide) */
.page-id-8 .entry-header.page-title {
    display: none;
}
/* Remonter le contenu de la page panier (ID 8) */
.page-id-8 .content-area,
.page-id-8 main.site-main,
.page-id-8 .entry-content {
    margin-top: 0 !important;   /* ou -10px si tu veux coller encore plus */
    padding-top: 0 !important;
}

/* Neutraliser la règle globale qui ajoutait un double contour sur tous les boutons */
button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.fl-button,
.elementor-button-wrapper .elementor-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit {
    border: none !important;
    box-shadow: none !important;
}
.wc-block-cart__submit .wc-block-cart__submit-button {
    background-color: #3CC44C !important;
    color: white !important;
    border: 1px solid #3CC44C !important;
    border-radius: 999px !important;
    padding: 0.8em 2.5em !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
/* Bouton panier : hover vert clair */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained:hover,
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained:focus,
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained:active {
    background-color: #E9F5EA !important; /* vert clair */
    color: #3CC44C !important;           /* texte vert foncé */
    border-color: #3CC44C !important;    /* bordure verte */
}

/* Neutraliser pseudo-éléments qui pourraient ajouter du blanc */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::before,
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::after {
    background: none !important;
    content: none !important;
}

/* Masquer l'en-tête vide de la page de commande */
.page-id-9 .entry-header.page-title {
    display: none;
}

/* Remonter le contenu de la page */
.page-id-9 .content-area,
.page-id-9 main.site-main,
.page-id-9 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Masquer l'en-tête vide de la page mon compte */
.page-id-10 .entry-header.page-title {
    display: none;
}

/* Remonter le contenu de la page */
.page-id-9 .content-area,
.page-id-9 main.site-main,
.page-id-9 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ==============================
   PAGE PANIER - STYLES SPÉCIFIQUES
   ============================== */

/* Nom du produit en vert */
.wc-block-components-product-name {
    color: #3CC44C !important;
    font-weight: 500;
    text-decoration: none;
}

/* Supprimer la description des variations */
.wc-block-components-product-metadata__description {
    display: none;
}

/* Total du produit en vert */
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price__value {
    color: #3CC44C;
    font-weight: 500;
}

/* Supprimer header vide et remonter contenu page panier (ID 8) */
.page-id-8 .entry-header.page-title {
    display: none;
}
.page-id-8 .content-area,
.page-id-8 main.site-main,
.page-id-8 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Total estimé en vert */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value span {
    color: #3CC44C;
    font-weight: 600;
}

/* Bouton panier - style */
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained {
    border: 1px solid #3CC44C !important;
    background-color: #3CC44C !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    padding: 0.8em 2.5em !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::before,
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained::after {
    display: none !important;
}
.wc-block-cart__submit-container .wc-block-cart__submit-button.contained:hover {
    background-color: #d4f2d9 !important;
    color: #3CC44C !important;
    border-color: #3CC44C !important;
}

.titre-great-vibes {
    font-family: 'Great Vibes', cursive !important;
    font-weight: 300 !important;   /* même si non natif */
    letter-spacing: 0.0em;
    font-size: 3.8rem; /* ← augmente ici */
    line-height: 1.1;
    color: #3CC44C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

/* Slide État par défaut : titre invisible */
.slide-title {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 2s ease, transform 2s ease;
}

/* Quand la diapo devient active (SAUF hero) */
.n2-ss-slide-active:not(.n2-ss-slide-1) .slide-title {
    opacity: 1;
    transform: scale(1);
}
/* Ciblage précis suite à l'inspection F12 */

/* 1. On repeint le conteneur principal et ses enfants directs */
.home .entry-content-wrap, 
.home .entry-content.single-content,
.home .n2_clear {
    background-color: #ffffff !important;
    background: #ffffff !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 2. On neutralise l'espace de Kadence au-dessus du contenu */
.home .content-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. On force le slider à coller au haut de son conteneur */
.home ss3-force-full-width {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ============================================================
   LE RESTAU DES PTITS MUSEAUX - MENU FINAL (VERSION STABLE)
   ============================================================ */

/* 1. LE CONTENEUR (Le rectangle blanc) */
.sub-menu {
    background-color: #ffffff !important;
    border: 1px solid #d1e2d1 !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    min-width: 200px !important;
    /* On enlève overflow:hidden pour revoir le sous-sous-menu */
    overflow: visible !important; 
}

/* 2. LES ÉLÉMENTS DE LISTE */
.sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important; /* Pour que le sous-sous-menu sache où se placer */
}

/* 3. LES LIENS (La zone cliquable) */
.sub-menu li a {
    color: #444444 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 12px 25px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    /* EMPECHE LE RETOUR A LA LIGNE */
    white-space: nowrap !important; 
}

/* 4. LE SURVOL (L'effet vert) */
.sub-menu li a:hover {
    background-color: #E9F5EA !important;
    color: #1D6725 !important;
    padding-left: 35px !important;
}

/* 5. ARRRONDIR LES COINS DU SURVOL SANS "OVERFLOW:HIDDEN" */
/* Pour que le vert ne dépasse pas des coins arrondis du menu blanc */
.sub-menu li:first-child > a {
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}
.sub-menu li:last-child > a {
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

/* 6. SUPPRESSION DES FLÈCHES */
.kadence-arrow-down-svg, 
.dropdown-menu-toggle {
    display: none !important;
}

/* 7. CORRECTION POUR LE MENU DU HAUT */
.menu-item-has-children > .menu-link-row {
    padding-right: 0 !important;
}
/* ============================================================
   NETTOYAGE FINAL : PRIX UNIQUE & ZÉRO VIGNETTE
   ============================================================ */

/* 1. DISPARITION DES VIGNETTES (Variations/Poids) */
.archive .kadence-variation-swatches,
.archive .kadence-woo-view-selection,
.archive .product-loop-selection,
.archive .variations_form {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. AFFICHAGE DU PRIX "À PARTIR DE" */
/* On cache la structure globale du prix */
.archive .price {
    font-size: 0 !important; 
}

/* On réaffiche uniquement le PREMIER montant */
.archive .price > .amount:first-child,
.archive .price > ins > .amount:first-child,
.archive .price > bdi:first-child {
    font-size: 18px !important; /* Ajustez votre taille ici */
    display: inline-block !important;
    color: #3CC44C !important; /* Votre vert */
    font-weight: 400 !important;
}

/* Ajout du texte "À partir de" */
.archive .price > .amount:first-child::before,
.archive .price > ins > .amount:first-child::before,
.archive .price > bdi:first-child::before {
    content: "À partir de ";
    font-size: 14px !important; 
    font-weight: 400 !important;
    color: #666 !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* 3. CACHER LE RESTE DU PRIX (Tiret et 2ème prix) */
.archive .price .kr-price-separator, 
.archive .price .amount:nth-child(n+2),
.archive .price bdi:nth-child(n+2) {
    display: none !important;
}
/* ============================================================
   CENTRAGE COMPLET DES ÉLÉMENTS DE LA FICHE PRODUIT
   ============================================================ */

.archive ul.products li.product {
    text-align: center !important;
}

/* Centrage du titre et du prix */
.archive ul.products li.product .woocommerce-loop-product__title,
.archive ul.products li.product .price {
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
}

/* Centrage des icônes d'ingrédients (si Kadence les entoure d'un bloc) */
.archive ul.products li.product .kadence-prop-icons, 
.archive ul.products li.product .archive-product-content > div {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important; /* Espace entre les icônes */
}

/* Centrage du bouton "Je découvre" */
.archive ul.products li.product .button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important; /* Permet au bouton de garder sa taille tout en étant centré */
}
/* ============================================================
   AMÉLIORATION - MISE EN PAGE TEXTE & BOUTONS UNIQUEMENT
   ============================================================ */
/* ============================================================
   CODE FINAL CONSOLIDÉ - VERSION ROBUSTE (TRANSLATE)
   ============================================================ */

/* 1. STRUCTURE DE LA CARTE */
.wc-block-grid__product, .wp-block-post {
    background: transparent !important;
    border: 2px solid #1D6725 !important;
    border-radius: 25px !important;
    padding: 15px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

/* 2. LE PRIX (Version propre à partir de 3,50 €) */
.wc-block-grid__product-price { 
    font-size: 0 !important; 
    margin-bottom: 20px !important; 
}
.wc-block-grid__product-price::before { 
    content: "À partir de " !important; 
    font-size: 14px !important; 
    color: #666 !important; 
}
.wc-block-grid__product-price .woocommerce-Price-amount:first-child bdi { 
    font-size: 18px !important; 
    color: #3CC44C !important; 
    font-family: 'Montserrat Alternates', sans-serif !important; 
    font-weight: 700 !important; 
}
.wc-block-grid__product-price .woocommerce-Price-amount:nth-child(2) { 
    display: none !important; 
}

/* 3. LE BOUTON ET LA FLECHE (Base fixe) */
.wc-block-components-product-button__button, .wp-block-button__link {
    background: transparent !important;
    border: none !important;
    color: #1D6725 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    text-decoration: none !important;
    margin-top: 10px !important;
    overflow: visible !important;
    transition: color 0.3s ease !important;
}

.wc-block-components-product-button__button span { 
    display: none !important; 
}

/* Le texte DÉCOUVRIR */
.wc-block-components-product-button__button::before {
    content: "DÉCOUVRIR" !important;
    font-size: 14px !important;
    font-family: 'Montserrat Alternates', sans-serif !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
}

/* La flèche */
.wc-block-components-product-button__button::after {
    content: "→" !important;
    font-size: 20px !important;
    display: inline-block !important;
    transition: transform 0.3s ease-in-out !important;
    transform: translateX(0);
}

/* 4. LE SURVOL (Cible ultra-précise pour la couleur) */

/* On force la couleur sur le mot DÉCOUVRIR (le before) */
.wc-block-grid__product:hover .wc-block-components-product-button__button::before,
.wp-block-post:hover .wc-block-components-product-button__button::before,
.wc-block-components-product-button__button:hover::before {
    color: #3CC44C !important;
}

/* On force la couleur et le mouvement sur la FLÈCHE (le after) */
.wc-block-grid__product:hover .wc-block-components-product-button__button::after,
.wp-block-post:hover .wc-block-components-product-button__button::after,
.wc-block-components-product-button__button:hover::after {
    transform: translateX(15px) !important;
    color: #3CC44C !important;
}

/* Confirmations visuelles (Carte et Titre) */
.wc-block-grid__product:hover, .wp-block-post:hover {
    transform: translateY(-8px) !important;
    border-color: #3CC44C !important;
}

.wc-block-grid__product:hover .wc-block-grid__product-title {
    color: #3CC44C !important;
}

/* ============================================================
   STYLE TITRE - PAGE GAMME ALIMENT
   ============================================================ */
.image-miroir img {
    transform: scaleX(-1) !important;
}

/* ZOOM DUPRASI (A GAUCHE) */
.image-zoom-duprasi img {
    /* On l'agrandit de 40% (ajuste le 1.4 si besoin) */
    transform: scale(1.9) !important;
    
    /* On l'ancre à gauche pour qu'elle grandisse vers l'extérieur de la page */
    transform-origin: center left; 
    
    /* On lui donne un peu d'air par rapport au bord de l'écran */
    margin-left: 20px;
    
    /* Sécurité pour ne pas qu'elle soit coupée par la colonne */
    display: block;
}

/* On s'assure que la colonne laisse l'image déborder proprement */
.wp-block-column {
    overflow: visible !important;
}
/* ============================================================
   STYLE FINAL VALIDÉ - PRODUIT FORMULE
   ============================================================ */
/* SUPPRESSION DÉFINITIVE DU BOUTON EFFACER (PHOTOS ET VARIATIONS) */
.fpf-clear-variable, 
.reset_variations, 
.woocommerce-variation-add-to-cart .reset_variations {
    display: none !important;
    visibility: hidden !important;
}

/* 1. SUPPRIMER LE BOUTON "EFFACER" ET LES TITRES */
/* Voici la règle qui avait fonctionné tout à l'heure */
.fpf-radio-images .fpf-clear-variable,
.fpf-clear-variable {
    display: none !important;
}

.fpf-field .form-row > label:first-child,
.fpf-radio fieldset legend,
.fpf-field.fpf-radio > label, 
.fpf-field.fpf-radio-images > label {
    display: none !important;
}

/* 2. SECTION IMAGES (QUEL PLAT) */
.fpf-radio-images {
    margin-top: 0px !important;
}

.fpf-radio-images label img {
    /* Verrouillage strict du carré 130x130 */
    width: 130px !important; 
    height: 130px !important; 
    aspect-ratio: 1 / 1 !important;
    max-width: 130px !important;
    max-height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    object-fit: contain !important; 
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    background-color: transparent !important;
    padding: 10px !important;
    margin: 0 auto 5px auto !important;
    display: block !important;
}

/* Sélection Image : Bordure seule */
.fpf-radio-images input[type="radio"]:checked + label img {
    border-color: #3CC44C !important;
}

/* Texte sous images (Gamme U/S) : Noir et Fin */
.fpf-radio-images label span {
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 400 !important; 
    color: #000000 !important;
}

/* 3. SECTION BOUTONS (ÂGE) */
.fpf-radio fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
}

.fpf-radio fieldset label {
    position: relative !important;
    display: inline-block !important;
    padding: 4px 16px !important;
    line-height: 1.5 !important;
    background-color: #ffffff !important;
    color: #000000 !important; /* Texte noir */
    font-size: 15px !important;
    font-weight: 400 !important; /* Texte fin */
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* On cache la puce radio interne */
.fpf-radio fieldset label input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    margin: 0 !important;
}

/* Interaction : Seule la bordure passe au vert */
.fpf-radio fieldset label:hover,
.fpf-radio fieldset label:has(input:checked) {
    border-color: #3CC44C !important;
    color: #000000 !important; /* Maintien du noir */
    font-weight: 400 !important; /* Maintien du fin */
    box-shadow: inset 0 0 0 0.5px #3CC44C !important;
}
/* --- CORRECTIONS FINALES SANS TOUT CASSER --- */

/* 1. Aligner les photos au centre (comme les boutons) */
.fpf-radio-images fieldset {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    border: none !important;
}

/* 2. Rétablir le vert sur les images quand on clique */
.fpf-radio-images input[type="radio"]:checked + label img {
    border-color: #3CC44C !important;
    box-shadow: 0 0 0 1px #3CC44C !important;
}

/* 3. S'assurer que le texte sous les photos reste noir */
.fpf-radio-images input[type="radio"]:checked + label span {
    color: #000000 !important;
    font-weight: 400 !important;
}

/* --- ALIGNEMENT DES PHOTOS (MÉTHODE WRAPPER) --- */

/* 1. On débloque le wrapper qui contient les inputs et labels */
.fpf-radio-images .woocommerce-input-wrapper {
    display: flex !important;
    justify-content: left !important; /* Centre les deux blocs */
    padding-left: 10px !important;
    gap: 30px !important; /* ICI : l'espace entre les deux photos */
    flex-wrap: wrap !important;
}

/* 2. On s'assure que chaque groupe (input + label) est traité comme un bloc seul */
.fpf-radio-images .woocommerce-input-wrapper label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
    width: auto !important; /* On laisse l'image dicter la largeur */
}

/* 3. On cache les boutons radio ronds qui traînent peut-être encore */
.fpf-radio-images .woocommerce-input-wrapper input[type="radio"] {
    display: none !important;
}

/* 4. Rétablir le vert sur l'image lors de la sélection */
/* On cible l'image qui suit l'input coché dans le wrapper */
.fpf-radio-images input[type="radio"]:checked + label img {
    border-color: #3CC44C !important;
    box-shadow: 0 0 0 1px #3CC44C !important;
}

/* 1. L'ONGLET ET LE CADRE */
.formule-accordeon details { 
    background: #fff; 
    border-radius: 10px; 
    margin-bottom: 12px; 
    border: 1px solid transparent; 
}

/* Cadre vert quand l'onglet est ouvert */
.formule-accordeon details[open] { 
    border: 1px solid #3CC44C !important; 
}

/* Titre d'onglet en vert clair */
.formule-accordeon summary { 
    padding: 14px 20px; 
    font-weight: 600; 
    cursor: pointer; 
    background-color: #E8F5E9 !important; 
    color: #2E7D32 !important; 
    border-radius: 10px;
    list-style: none;
}

/* 2. RÉDUCTION DE L'ÉCART (Ciblage direct) */
.formule-accordeon table { 
    width: 100% !important; 
    table-layout: fixed !important; 
    border-collapse: collapse !important;
}

/* On force la première colonne à être très étroite */
.formule-accordeon th:nth-child(1), 
.formule-accordeon td:nth-child(1) { 
    width: 20% !important; 
    text-align: left !important;
}

/* On répartit les autres */
.formule-accordeon th:not(:first-child), 
.formule-accordeon td:not(:first-child) { 
    width: 20% !important; 
    text-align: center !important;
}

/* 3. STYLE DU TEXTE */
.formule-accordeon strong { 
    color: #1D6725 !important; 
    font-size: 15px !important; 
}

.formule-accordeon .txt-description { 
    color: #3CC44C !important; 
    font-style: italic !important; 
    font-size: 14px !important; 
    font-weight: normal !important;
}

/* Ajustement pour éviter les sauts de ligne si trop serré */
.formule-accordeon td { vertical-align: middle !important; padding: 10px 5px !important; }


/* ============================================================
   ANIMATION CARTES PRODUITS - page espèce
   ============================================================ */

/* 1. État de base des cartes dans la grille */
.wc-block-product {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border-radius: 25px;
    padding: 20px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
    list-style: none; /* Enlève les puces de liste si besoin */
}

/* 2. Action au survol */
.wc-block-product:hover {
    transform: translateY(-6px); 
    background: transparent !important; 
    
    /* Ton ombre verte signature */
    box-shadow: 0 25px 35px rgba(60, 196, 76, 0.18) !important; 
    border: 1px solid rgba(60, 196, 76, 0.15);
    z-index: 10;
}

/* 3. Zoom sur l'image du produit */
.wc-block-components-product-image img {
    transition: transform 0.6s ease-in-out !important;
}

.wc-block-product:hover .wc-block-components-product-image img {
    transform: scale(1.1); 
}

/* 4. Couleur du titre au survol */
.wc-block-product:hover .wp-block-post-title a {
    color: #3CC44C !important;
    transition: color 0.3s ease;
}

/* 5. Bouton arrondi spécifique à ces blocs */
.wc-block-components-product-button__button {
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}
/* ============================================================
   ANIMATION & TRANSPARENCE - PRODUITS LIÉS (KADENCE)
   ============================================================ */

/* 1. État de base : Forçage de la transparence et préparation */
.woocommerce .related.products .product.entry.loop-entry,
.woocommerce .upsells.products .product.entry.loop-entry {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid transparent;
    border-radius: 25px;
    padding: 20px;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    z-index: 1;
    box-shadow: none !important;
}

/* On nettoie aussi le fond du bloc de texte interne */
.related.products .product-details.content-bg {
    background: transparent !important;
}

/* 2. Action au survol (Mouvement + Ombre verte) */
.woocommerce .related.products .product.entry.loop-entry:hover,
.woocommerce .upsells.products .product.entry.loop-entry:hover {
    transform: translateY(-6px);
    background-color: rgba(255, 255, 255, 0.1) !important; /* Très léger voile */
    box-shadow: 0 25px 35px rgba(60, 196, 76, 0.18) !important; 
    border: 1px solid rgba(60, 196, 76, 0.15);
    z-index: 10;
}

/* 3. Zoom sur l'image du produit */
.related.products .product.entry img {
    transition: transform 0.6s ease-in-out !important;
}

.related.products .product.entry:hover img {
    transform: scale(1.1);
}

/* 4. Couleur du titre au survol */
.related.products .product.entry:hover .woocommerce-loop-product__title a {
    color: #3CC44C !important;
    transition: color 0.3s ease;
}

/* 5. Bouton arrondi */
.related.products .product.entry .button {
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}
/* ============================================================
   RESPONSIVE - PAGE ACCUEIL
   ============================================================ */
/* --- NETTOYAGE RADICAL MOBILE --- */

/* --- NETTOYAGE FINAL MOBILE --- */
/* --- AJUSTEMENT FINAL DES ESPACES --- */
/* --- NETTOYAGE TOTAL ET COLLAGE DU TEXTE --- */

/* 1. On supprime les espaces sous les cadres (zone orange) et les lignes de structure */
.mon-style-mobile .kt-row-column-wrap, 
.mon-style-mobile .wp-block-columns {
    gap: 12px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    column-rule: none !important;
    border: none !important;
}

/* 2. On enlève les bordures par défaut des colonnes WP */
.mon-style-mobile .wp-block-column {
    border: none !important;
    margin-bottom: 0 !important;
}

/* 3. Tes cadres verts restent intacts */
.mon-style-mobile .wp-block-kadence-column {
    border: 3px solid #99cc99 !important;
    border-radius: 15px !important;
    padding: 10px !important;
}

/* 4. ON REMONTE LE 3ÈME BLOC SANS AUCUNE LIGNE */
.mon-style-mobile p:last-child {
    margin-top: 12px !important; /* Marge négative plus forte pour bien coller */
    border-top: none !important;   /* SUPPRESSION DÉFINITIVE DE LA LIGNE */
    padding-top: 0 !important;
    font-size: 11px !important;
    text-align: center !important;
}

/* Taille de texte générale */
.mon-style-mobile p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
/* ============================================================
   MOBILE : ALIGNEMENT PARFAIT SANS TEXTE ET SANS COUPURE
   ============================================================ */

@media (max-width: 767px) {
    /* 1. RÉPARATION : On cache à nouveau les textes de description */
    .footer-widget3 p {
        display: none !important;
    }

    /* 2. On diminue la taille du titre principal */
    .footer-widget3 h3 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    /* 3. On élargit l'espace pour que tout tienne sur une ligne */
    .footer-widget3 .wp-block-columns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 2px !important; 
        width: 105% !important; 
        margin-left: -2.5% !important; 
    }

    /* 4. On ajuste chaque colonne */
    .footer-widget3 .wp-block-column {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    /* 5. TITRES : Pas de gras et pas de retour à la ligne */
    .footer-widget3 h6 {
        font-weight: 400 !important;
        font-size: 11px !important;
        white-space: nowrap !important; 
        letter-spacing: -0.2px !important; 
        margin-top: 5px !important;
    }

    /* 6. ICÔNES : Taille compacte */
    .footer-widget3 .kb-svg-icon-wrap {
        font-size: 20px !important;
    }
}
/* ============================================================
   PIED DE PAGE : COMPRESSION MAXIMALE (10PX)
   ============================================================ */

@media (max-width: 767px) {
    /* 1. Taille et finesse du texte pour tous les liens */
    .footer-widget3 a, 
    .footer-widget3 p,
    .footer-widget3 span {
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
    }

    /* 2. Écrase la marge de 26.25px vue dans F12 */
    .footer-widget3 .wp-block-columns,
    [id^="block-"] .wp-block-columns {
        margin-bottom: 0px !important; 
        gap: 0px !important;
    }

    /* 3. On colle les colonnes Mentions et CGV entre elles */
    .footer-widget3 .wp-block-column {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* 4. On remonte les réseaux sociaux (Widget 5) */
    /* On cible le conteneur global pour supprimer l'espace vide */
    .footer-section-inner-items-1 {
        margin-top: -30px !important; 
        padding-top: 0 !important;
    }

    .footer-widget5 {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    /* 5. Espacement mini entre les logos sociaux */
    .footer-widget5 .wp-block-kadence-column {
        padding: 4px !important;
    }
}
/* ============================================================
   RÉÉQUILIBRAGE DU PIED DE PAGE (MATIN)
   ============================================================ */

@media (max-width: 767px) {
    /* 1. On annule la remontée brutale du widget 3 (Liens) */
    .footer-widget3 {
        margin-top: 25px !important; /* On pousse vers le bas au lieu de remonter */
    }

    /* 2. On ajuste la position des réseaux sociaux */
    .footer-widget5 {
        margin-top: 15px !important; /* Donne de l'air après la FAQ */
        padding-top: 0 !important;
    }

    /* 3. On nettoie les marges négatives qui causaient le chevauchement */
    .site-footer-section.footer-section-inner-items-1,
    .footer-section-inner-items-1 {
        margin-top: 0 !important; 
        padding-top: 10px !important;
    }

    /* 4. On s'assure que le titre "Choisir le Restau" ne colle pas au contenu du dessus */
    .footer-widget3 h3 {
        margin-top: 15px !important;
    }
}
/* ============================================================
   PIED DE PAGE - AJUSTEMENT DE L'ESPACE AU-DESSUS DU TRAIT VERT
   ============================================================ */

@media (max-width: 767px) {
    /* On réduit le padding de 20px que tu as repéré */
    .site-top-footer-inner-wrap {
        padding-top: 5px !important;
        padding-bottom: 35px !important; /* Teste 0px ou 5px pour réduire l'écart */
    }

    /* Optionnel : On réduit aussi l'espace juste SOUS le trait vert */
    .site-middle-footer-inner-wrap {
        padding-top: 5px !important;
    }
}
/* ============================================================
   PIED DE PAGE - RÉDUCTION DU VIDE AU-DESSUS DU TITRE
   ============================================================ */

@media (max-width: 767px) {
    /* On cible le titre h3 pour supprimer ses 24px de padding vus dans F12 */
    .footer-widget3 h3.wp-block-heading {
        padding-top: 0px !important; /* Teste 0 ou 5px pour remonter le titre */
        margin-top: 5px !important;  /* Un petit espace pour ne pas coller au trait */
    }

    /* On nettoie aussi le padding de la section si besoin */
    .footer-widget-area.widget-area-site-info {
        padding-top: 0 !important;
    }
}

/* ============================================================
   MOBILE : PAGES PRÉSENTATION ESPECES
        PACK VISUEL "ESPÈCE UNIQUE" 
   (Titre + Marges + Placement Mascotte)
   ============================================================ */
@media (max-width: 767px) {
    
    /* 1. ON REMONTE LE BLOC ET ON NETTOIE L'ESPACE */
    .page:has(.page-espece-unique) .entry-content {
        margin-top: -20px !important; 
    }

    /* 2. LE TITRE (26px) */
    .page:has(.page-espece-unique) .entry-title {
        font-size: 26px !important;
        margin-bottom: 60px !important;
        text-align: center !important;
    }

    /* 3. LE CONTENEUR (Côte-à-côte forcé) */
    .page-espece-unique {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 40px !important;
    }

    /* 4. LE TEXTE (70%) */
    .page-espece-unique .wp-block-column:first-child {
        flex-basis: 70% !important;
        margin: 0 !important;
        padding-left: 10px !important;
    }

    .page-espece-unique .wp-block-column:first-child p {
        margin: 0 !important;
        font-size: 14px !important;
        text-align: center !important;
        /* Nettoyage des marges inline vues au F12 */
        margin-left: 0 !important; 
    }

    /* 5. L'IMAGE (30%) */
    .page-espece-unique .wp-block-column:last-child {
        flex-basis: 30% !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
    }

    .page-espece-unique .wp-block-image {
        margin: 0 !important;
        overflow: visible !important;
    }

    .page-espece-unique .wp-block-image figure {
        /* Annule le margin-right: 100px du rat sans décaler la gerbille */
        margin: 0 !important; 
    }

    .page-espece-unique .wp-block-image img {
        width: 160px !important;
        max-width: none !important;
        height: auto !important;
        /* Petit ajustement visuel pour coller au texte sans casser le layout */
        position: relative !important;
        left: 0px !important; 
    }
}
/* ============================================================
   espace entre titre de la page et contenu - version tél
   ============================================================ */
/* --- 1. RÉGLAGES PAR DÉFAUT (PC et Global) --- */
.section-rongeurs-principale {
    width: 100%;
    padding: 40px 0;
}

.introduction-gammes {
    max-width: 850px;
    margin: -100px auto 100px auto; /* Ton effet de remontée sur PC */
    text-align: center;
    font-family: 'Montserrat Alternates', sans-serif;
}

/* --- 2. RÉGLAGES RESPONSIVE (Tablettes et Mobiles) --- */
@media (max-width: 950px) {
    /* On force les 2 colonnes au lieu de 4 */
    .grille-restau { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 25px 15px;
    }
    
    /* On annule la marge négative pour éviter le chevauchement du titre */
    .introduction-gammes { 
        margin: 20px auto 40px auto !important; 
        padding: 0 20px; 
    }

    /* On réduit la taille des cercles pour que les 2 colonnes tiennent bien */
    .image-ronde-container {
        width: 140px !important;
        height: 140px !important;
    }

    .colonne-espece {
        width: 100% !important;
    }

    .bouton-gamme {
        font-size: 0.8em;
    }
}
/* ============================================================
  BLOG
   ============================================================ */
/* AJOUT D'UNE BORDURE AUTOUR DU CONTENU DE L'ARTICLE */
.single-post .entry-content-wrap {
    border: 1px solid #3CC44C!important; /* Ton vert foncé du Restau */
    border-radius: 15px !important;      /* Pour des coins arrondis et doux */
    padding: 30px !important;            /* Pour que le texte ne colle pas à la bordure */
    background-color: transparent !important; /* Fond blanc pour que le texte soit bien lisible */
    box-shadow: 8px 8px 25px rgba(46, 74, 60, 0.3) !important;
}
/* LES SOUS-TITRES : VERT FONCÉ POUR LE SÉRIEUX ET LA LISIBILITÉ */
.single-post .entry-content h2, 
.single-post .entry-content h3,
.single-post .entry-content h4 {
    color: #2e4a3c !important; /* Ton vert d'origine, plus sobre */
    border-left: 2px solid #3CC44C !important; /* Juste une petite barre lumineuse à gauche pour le rappel */
    padding-left: 15px !important;
}
/* LES PUCES : LE RAPPEL DE COULEUR DISCRET */
.single-post .entry-content ul li::marker {
    color: #3CC44C !important;
}
/* ----------------------------------------------------------------
  HERBIER 
---------------------------------------------------------------- */
/* On cible le h3 spécifique en étant plus précis que le style du thème */
.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4 {
    color: #ee9543 !important;
    border-left: 2px solid #3CC44C !important;
    padding-left: 15px !important;
}
/* ============================================================
   ONGLETS PRODUITS : PC & MOBILE (STYLE INTERCALAIRES)
   ============================================================ */

/* Nettoyage des décorations par défaut du thème */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}
/* --- FORCE ABSOLUE : ALIGNEMENT PC --- */
@media (min-width: 768px) {
    /* On cible la liste précise par son ID et sa classe */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* On force chaque item de la liste (li) */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
        display: inline-block !important;
        margin: 0 5px -1px 0 !important; /* Le -1px pour coller au cadre */
        float: none !important;
        flex: 0 0 auto !important;
    }

    /* On force le lien (a) à ne jamais couper les mots */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
        white-space: nowrap !important;
        display: block !important;
        padding: 10px 15px !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        display: flex !important;
        border: none !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        margin: 0 0.8em 0 0 !important;
        background: transparent !important;
        border: none !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 0.6em 1em !important;
        color: #000000 !important;
        border-bottom: 2px solid transparent !important;
        background: transparent !important;
        font-family: 'Montserrat Alternates', sans-serif;
        font-weight: 500 !important;
     	white-space: nowrap !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        background: #ffffff !important;
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
        color: #3CC44C !important;
        font-weight: 500 !important;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        background: linear-gradient(0deg, #E9F5EA 0%, #ffffff 100%) !important;
        border-radius: 10px !important;
        padding: 1.5em !important;
        border: none !important;
    }
}


  /* --- 2. VERSION MOBILE (CORRECTIF CLICS + ESPACE) --- */

@media (max-width: 767px) {
    /* Conteneur principal */
    .woocommerce div.product .woocommerce-tabs {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        margin-left: -15px !important; 
        width: calc(100% + 25px) !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    /* 1. LES ONGLETS (Intercalaires) */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
        width: 20% !important; 
        flex-shrink: 0 !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10 !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
        display: block !important;
        width: 100% !important;
        margin: 0 0 2px 0 !important;
        background-color: #f8f8f8 !important;
        border: 0px solid #1D6725 !important; /* On remet la bordure */
        border-right: none !important;
        border-radius: 10px 0 0 10px !important;
        box-sizing: border-box !important;
    }

    /* Onglet SÉLECTIONNÉ : Ta couleur 3CC44C */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active {
        background-color: #f8f8f8 !important; 
        width: calc(100% + 2px) !important;
        z-index: 20 !important;
        position: relative;
    }

    /* Texte des onglets : Normal (pas de gras) */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
        padding: 10px 5px !important;
        font-size: 10px !important;
        color: black !important;
        font-weight: normal !important; /* Texte normal */
        text-align: center !important;
        word-break: break-word !important;
        display: block !important;
    }

    /* Texte de l'onglet actif */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
        color: #3CC44C !important; /* Blanc sur fond vert pour la lisibilité */
    }

    /* 2. LE PANNEAU (Le corps du classeur) */
    .woocommerce div.product .woocommerce-tabs .panel.wc-tab,
    .woocommerce div.product .woocommerce-tabs div[id^="tab-wb_cptb"] {
        /* On retire display: block !important car il bloque le changement d'onglet */
        width: 80% !important; 
        border: 0px solid #1D6725 !important; 
        border-radius: 0 12px 12px 12px !important;
        background: linear-gradient(0deg, #E9F5EA 0%, #ffffff 100%) !important;
        padding: 8px !important;
        margin: 0 !important;
        box-sizing: border-box !important; 
        min-height: 200px !important;
        float: right; /* Aide à l'alignement avec les onglets */
    }

 /* On s'assure que seul l'onglet actif est affiché */
    .woocommerce div.product .woocommerce-tabs .panel.wc-tab[style*="display: none"] {
        display: none !important;
    } /* <--- IL MANQUAIT CETTE ACCOLADE ICI */

    /* --- RÉGLAGES SPÉCIFIQUES POUR TES CADRES HTML --- */
    
    /* 1. On force les cadres "Gemmes" à s'empiler au lieu d'être côte à côte */
    .woocommerce-tabs .panel.wc-tab div[style*="display: flex"] {
        display: block !important; 
    }

    .woocommerce-tabs .panel.wc-tab div[style*="min-width: 280px"] {
        min-width: 100% !important; 
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 15px !important; 
        box-sizing: border-box !important;
    }

    /* 2. On réduit les photos des animaux pour qu'elles rentrent à 2 par ligne */
    .woocommerce-tabs .panel.wc-tab div[style*="grid-template-columns"] {
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 10px !important;
    }

    .woocommerce-tabs .panel.wc-tab img[style*="width: 130px"] {
        width: 80px !important; 
        height: 80px !important;
        border-width: 3px !important; 
    }

    /* 3. On ajuste le texte des animaux */
    .woocommerce-tabs .panel.wc-tab p[style*="font-size: 1.1rem"] {
        font-size: 0.9rem !important;
    }

    /* 4. On force le grand cadre pointillé (Pour quels P'tits Museaux) */
    .woocommerce-tabs .panel.wc-tab div[style*="padding: 35px 20px"] {
        padding: 15px 10px !important;
        border-radius: 15px !important;
    }
	/* ------------------------------------- 
	AJUSTEMENT DE L'ESPACE POUR "VIP" -EN TETE-
	---------------------------------------*/


/* 1. Agrandir le logo et réduire l'espace avec le titre */
.site-logo-link {
    margin-right: 5px !important; /* Réduit l'espace entre l'image et le texte */
}

.site-logo-link img {
    max-height: 50px !important; /* Augmente légèrement la taille de l'image du logo */
    width: auto !important;
}

/* 2. Titre du logo */
.site-branding .site-title {
    font-size: 26px !important;
    white-space: nowrap !important;
}

.site-branding {
    max-width: 250px !important; /* Augmenté pour laisser le titre s'étaler */
    display: flex !important;
    align-items: center !important;
}

/* 3. Décaler le bloc de droite (Panier + Menu Burger) vers le bord */
.mobile-header-right-side {
    margin-right: -10px !important; /* Pousse le panier et le menu vers la droite */
}

/* 4. Ajustement du bouton VIP pour qu'il ne colle pas trop au panier */
.mobile-navigation {
    margin-right: 15px !important; 
    margin-left: auto !important;
}

/* 5. Taille du texte VIP */
.mobile-navigation ul li a {
    font-size: 15px !important;
    font-weight: 500 !important;
}