/*
Theme Name: Le Secret Vert - Zakra enfant
Description: Thème enfant de Zakra avec les personnalisations CSS du Secret Vert.
Author: Le Secret Vert
Template: zakra
Version: 1.0.0
Text Domain: le-secret-vert-zakra-enfant
*/

/* ==========================================================================
   1. STRUCTURATION ET TYPOGRAPHIE DES HEADINGS (PARTOUT SAUF PAGE D'ACCUEIL)
   ========================================================================== */

/* Titre principal (H1) - Ultra élégant et aéré */
body:not(.home) h1, 
body:not(.home) .zak-page-title h1 {
    font-family: 'Urbanist', 'Playfair Display', 'Helvetica Neue', sans-serif !important;
    color: #2c3e2f !important; /* Vert très sombre, presque noir, plus doux */
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
}

/* Titres de sections (H2) - Style épuré avec filet discret */
body:not(.home) h2 {
    font-family: 'Urbanist', sans-serif !important;
    color: #3d5a45 !important; /* Ton vert forêt de la charte */
    font-weight: 600 !important;
    font-size: 28px !important;
    letter-spacing: -0.3px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    position: relative;
    padding-bottom: 8px;
}

/* Titres de sous-sections (H3) */
body:not(.home) h3 {
    font-family: 'Urbanist', sans-serif !important;
    color: #4a554b !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

/* H4, H5, H6 pour les petits titres et widgets */
body:not(.home) h4, 
body:not(.home) h5, 
body:not(.home) h6 {
    font-family: 'Urbanist', sans-serif !important;
    color: #3d5a45 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ========================================================================== 
   2. RESTYLISATION PREMIUM DES ACCORDÉONS (PAGE FAQ) 
   ========================================================================== */

/* Conteneur de chaque item */
.wp-block-accordion-item {
  border: 1px solid #f0f2ef !important;
  background: #ffffff !important;
  margin-bottom: 16px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(61, 90, 69, 0.03) !important;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Bordure verte au survol du conteneur */
.wp-block-accordion-item:hover {
  border-color: #4E8A5E !important;
  box-shadow: 0 6px 18px rgba(61, 90, 69, 0.06) !important;
}

/* Le bouton cliquable (titre) */
.wp-block-accordion-heading__toggle {
  font-family: 'Urbanist', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2c3e2f !important;
  padding: 20px 25px !important;
  background-color: #ffffff !important;
  width: 100% !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Texte en blanc au survol du bouton (fermé) */
.wp-block-accordion-heading__toggle:hover {
  background-color: #4E8A5E !important;
  color: #ffffff !important;
}

/* Span titre et icône en blanc au survol */
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon {
  color: #ffffff !important;
}

/* Icône + en vert par défaut */
.wp-block-accordion-heading__toggle-icon {
  color: #4E8A5E !important;
  font-weight: bold;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Style quand l'accordéon est ouvert (non survolé) */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle {
  background-color: #fafbf9 !important;
  color: #4E8A5E !important;
}

/* Quand l'accordéon est ouvert ET survolé : vert avec texte blanc */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle:hover {
  background-color: #4E8A5E !important;
  color: #ffffff !important;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon {
  color: #ffffff !important;
}

/* Contenu textuel */
.wp-block-accordion-panel {
  padding: 5px 25px 25px 25px !important;
  background-color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #5a655b !important;
}



#post-1536 h3 {
    font-family: 'Urbanist', sans-serif !important;
    color: #4a554b !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important; 
}

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

.productcategory{
	margin-top:-25px;
}



.blockart-section-6cffd591.blockart-section, .blockart-section-aa970efe.blockart-section, .blockart-section-308cfd7a  {
    background-color: #4E8A5E!important;
}

.blockart-column-96b9bb43 > .blockart-column-inner {
    padding: 40px;
    border-style: solid;
    border-color: #118b57;
    border-width: 1px;
    border-radius: 4px;
    background-color: #4E8A5E;
}


.blockart-column-57c63d01 > .blockart-column-inner, .blockart-column-20051e98 > .blockart-column-inner, .blockart-column-8fee0a04 > .blockart-column-inner, .blockart-column-41f7798d > .blockart-column-inner {
    background-color: #4E8A5E;
}




/* Aligner le bouton du formulaire sur le style BlockArt */
.wpcf7-form input[type="submit"],
.wpb_writetous input[type="submit"],
#zak-content form button[type="submit"],
#zak-content form input[type="submit"] {
    background-color: #009661 !important; /* Le vert officiel du site */
    color: #ffffff !important;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 35px !important;
    border-radius: 4px !important; /* Ajuste selon l'arrondi souhaité */
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

/* Effet au survol (Hover) pour matcher le bouton d'appel */
.wpcf7-form input[type="submit"]:hover,
.wpb_writetous input[type="submit"]:hover,
#zak-content form button[type="submit"]:hover,
#zak-content form input[type="submit"]:hover {
    background-color: #00764d !important; /* Un vert légèrement plus sombre au survol */
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 150, 97, 0.3) !important;
}


/* Changer la couleur de fond des blocs caractéristiques Le Secret Vert */
.blockart-section-inner .blockart-column-8ce01542,
.blockart-section-inner .blockart-column-4f83a669,
.blockart-section-inner .blockart-column-e090615f,
.blockart-section-inner .blockart-column-71394df3,
.blockart-section-inner .blockart-column-8c1f2a27,
.blockart-section-inner .blockart-column-b9af5683 {
    background-color: #4E8A5E !important;
}

/* Changer la couleur de fond du bloc témoignage */
.blockart-section-inner .blockart-column-90e5f98b {
    background-color: #4E8A5E !important;
}

























/* Nettoyage complet de la grille WordPress pour l'aligner proprement */
.wp-block-latest-posts__list.is-grid {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 40px auto !important;
    max-width: 1200px !important;
}

/* Forcer chaque élément de la liste à se comporter comme un bloc vertical unique */
.wp-block-latest-posts__list.is-grid li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centre l'image et les textes */
    width: 100% !important;
    max-width: 340px !important; /* Largeur max idéale pour une vignette de blog */
    margin: 0 !important;
    float: none !important; /* Casse les vieux alignements flottants */
    box-sizing: border-box !important;
}

/* Gérer le conteneur de l'image */
.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image {
    width: 100% !important;
    float: none !important;
    margin: 0 0 15px 0 !important; /* Espace uniquement sous l'image */
    text-align: center !important;
}

/* Forcer l'image à respecter la largeur du bloc */
.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    border-radius: 4px !important;
}

/* Forcer le titre à se caler pile sous l'image */
.wp-block-latest-posts__list.is-grid a.wp-block-latest-posts__post-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important; /* Centré c'est beaucoup plus propre sur un titre court */
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 10px 0 8px 0 !important;
    padding: 0 !important;
    color: #333333 !important;
    text-decoration: none !important;
}

/* Aligner la date proprement sous le titre */
.wp-block-latest-posts__list.is-grid time.wp-block-latest-posts__post-date {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #666666 !important;
    margin: 0 !important;
    padding: 0 !important;
}


















/* Styles appliqués UNIQUEMENT sur mobile (écrans de moins de 768px) */
@media screen and (max-width: 767px) {
    
    /* 1. Centrer les boutons "En savoir plus" (BlockArt) */
    .home .blockart-button-wrap,
    .home .wp-block-button {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .home .blockart-button-link,
    .home .wp-block-button__link {
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-block !important;
    }

    /* 2. Centrer tout le contenu du footer (Zakra footer) */
    footer, 
    .site-footer,
    .footer-widgets,
    .tg-site-footer-widgets,
    .zak-site-footer {
        text-align: center !important;
    }

    /* Ajustement des titres et listes du footer pour un centrage parfait */
    footer .widget-title,
    footer h1, footer h2, footer h3, footer h4,
    footer p, 
    footer ul, 
    footer li {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        list-style-position: inside !important; /* Évite que les puces restent à gauche */
    }
    
    /* Si les icônes de réseaux sociaux ou de contact utilisent des flexbox */
    footer .widget ul li {
        display: flex !important;
        justify-content: center !important;
    }
}














/* =============================================
   BOUTIQUE – 3 produits sur 1 ligne PLEINE LARGEUR
   ============================================= */

/* Le conteneur principal sort de sa contrainte */
.woocommerce-page .zak-container,
.woocommerce-page .zak-content-area,
.woocommerce-page #zak-primary,
.woocommerce-page .entry-content,
.woocommerce-page .zak-container > .zak-content-area {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* La grille produits : 3 colonnes pleine largeur */
ul.products,
.woocommerce ul.products,
.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Chaque produit prend tout son espace */
ul.products li.product,
.woocommerce ul.products li.product,
ul.products[class*="columns-"] li.product,
.wc-block-grid__product {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 40px 30px !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Alternance de fonds comme l'ancien site */
ul.products li.product:nth-child(1),
.wc-block-grid__product:nth-child(1) {
  background-color: #f8f6f2;
}

ul.products li.product:nth-child(2),
.wc-block-grid__product:nth-child(2) {
  background-color: #ffffff;
}

ul.products li.product:nth-child(3),
.wc-block-grid__product:nth-child(3) {
  background-color: #f0ebe3;
}

/* Images produits */
ul.products li.product img,
.wc-block-grid__product-image img {
  max-height: 350px !important;
  width: auto !important;
  object-fit: contain !important;
  margin-bottom: 20px;
}

/* Titres */
.woocommerce-loop-product__title,
.wc-block-grid__product-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #2d5016 !important;
}

/* Prix */
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #3a7a1c !important;
  margin: 10px 0 !important;
}

/* Bouton */
.add_to_cart_button,
.woocommerce ul.products li.product .button,
.wp-block-button__link {
  background-color: #3a7a1c !important;
  color: #fff !important;
  border-radius: 25px !important;
  padding: 14px 40px !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none !important;
}

.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: #2d5016 !important;
}

/* Mobile : empiler les 3 verticalement */
@media (max-width: 768px) {
  ul.products,
  .woocommerce ul.products,
  .wc-block-grid__products {
    grid-template-columns: 1fr !important;
  }
}






/* Neutralise la grille imposée par columns-5 et te laisse libre de choisir l'affichage */
ul.wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; /* Ajuste la largeur minimale d'un produit */
    display: grid !important;
}



/* Ciblage ultra-précis pour forcer la disparition du bouton de mise à jour */
.woocommerce-cart .woocommerce table.shop_table td.actions button[name="update_cart"],
.woocommerce-cart button[name="update_cart"],
#zak-content button[name="update_cart"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}




/* Marges gauche/droite sur les pages produit */
.single-product .zak-container,
.single-product .entry-content,
.single-product #zak-primary,
.single-product .zak-content-area {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}




/* Empêcher le scroll horizontal global */
.single-product,
.single-product body {
  overflow-x: hidden !important;
}

/* Mobile : réduire les marges */
@media (max-width: 768px) {
  .single-product .zak-container,
  .single-product .entry-content,
  .single-product #zak-primary,
  .single-product .zak-content-area {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .single-product img {
    max-width: 100% !important;
    height: auto !important;
  }
}


/* Masquer la bannière header sur toutes les pages */
.zak-page-header,
.zak-page-header-wrapper,
.page-header,
.zak-page-header-container {
  display: none !important;
}


.zak-primary {
        padding-top: 0px!important;
}

/* Centrer le bloc des avis Google sur la page d'accueil */
.home .wp-block-embed-google-maps,
.home .trustindex-widget-container,
.home .ti-widget,
.home [class*="google-reviews"],
.home [class*="review-widget"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 1200px !important;
}

/* Forcer l'alignement centré des carrousels d'avis s'ils glissent à gauche */
.home .ti-reviews-container,
.home .ti-inner {
    margin: 0 auto !important;
    justify-content: center !important;
}









/* Forcer les marges et la largeur max sur TOUT le processus de paiement WooCommerce */
.woocommerce-cart #zak-content,
.woocommerce-checkout #zak-content,
.woocommerce-account #zak-content,
.woocommerce-cart .zak-container,
.woocommerce-checkout .zak-container,
.woocommerce-cart main#primary,
.woocommerce-checkout main#primary,
.woocommerce-cart article,
.woocommerce-checkout article {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    float: none !important;
}

/* Ajouter un espace de sécurité sur les côtés pour le rendu mobile et tablette */
.woocommerce-cart #zak-content,
.woocommerce-checkout #zak-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* Réaligner le contenu interne propre à WooCommerce */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    max-width: 100% !important;
    margin: 0 auto !important;
}

body:not(.tg-container--separate) #page {
    background: #FFF;
}




/* ==========================================================================
   STYLISATION DU WIDGET DES AVIS FACEBOOK (LE SECRET VERT)
   ========================================================================== */
.lsv-fb-reviews-widget {
    width: 100%;
    max-width: 1140px;
    margin: 40px auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

/* En-tête Facebook */
.lsv-fb-header {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
.lsv-fb-badge {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #ffffff;
    padding: 12px 25px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f2ef;
}
.lsv-fb-icon {
    width: 32px;
    height: 32px;
    fill: #1877F2; /* Bleu officiel Facebook */
}
.lsv-fb-badge-text h4 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1c1e21 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.lsv-fb-badge-text p {
    margin: 0 !important;
    font-size: 12px !important;
    color: #65676b !important;
}

/* Grille Responsive (3 colonnes sur PC, 1 sur Mobile) */
.lsv-fb-reviews-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Cartes d'avis */
.lsv-fb-item {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e4e6eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lsv-fb-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.08);
    border-color: #ccd0d5;
}
.lsv-fb-item-inner {
    padding: 20px;
}

/* Ligne Utilisateur */
.lsv-fb-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.lsv-fb-avatar.text-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f2f5;
    color: #4e8a5e; /* Identifiant aux couleurs de la charte */
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border: 1px solid #e4e6eb;
}
.lsv-fb-user-info {
    display: flex;
    flex-direction: column;
}
.lsv-fb-name {
    font-size: 15px;
    font-weight: 600;
    color: #050505;
}
.lsv-fb-stars {
    color: #f1b400; /* Étoiles dorées de l'image */
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 2px;
}

/* Contenu du témoignage */
.lsv-fb-text {
    font-size: 14px;
    line-height: 1.5;
    color: #050505;
    font-style: normal;
}

/* Responsive Tablettes & Mobiles */
@media (max-width: 992px) {
    .lsv-fb-reviews-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .lsv-fb-reviews-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


/* BOUTONS */

.add_to_cart_button, .woocommerce ul.products li.product .button, .wp-block-button__link {
	background-color:#000000 !important;
	
}

.add_to_cart_button:hover, .woocommerce ul.products li.product .button:hover, .wp-block-button__link:hover, .blockart-button:hover ,.blockart-button-5c80f038 :hover, .blockart-button-link:hover {
    background-color: #3a7a1c !important;
}


.blockart-button, .blockart-button a {
color:#FFFFFF !important;
background-color:#000000 !important;
	}


.wpcf7-form input[type="submit"]:hover, .wpb_writetous input[type="submit"]:hover, #zak-content form button[type="submit"]:hover, #zak-content form input[type="submit"]:hover {
    background-color: #00764d !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 150, 97, 0.3) !important;
		border-style: solid!important;
	  border-color: #ffffff!important;
    border-width: 2px!important;
    border-radius: 4px!important;
}


.wpcf7-form input[type="submit"], .wpb_writetous input[type="submit"], #zak-content form button[type="submit"], #zak-content form input[type="submit"] {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 150, 97, 0.3) !important;
		border-style: solid!important;
	  border-color: #ffffff!important;
    border-width: 2px!important;
    border-radius: 4px!important;
}



/* ORDRE PRODUITS */

/* Active le positionnement ordonné sur la liste des produits */
ul.wp-block-woocommerce-product-template {
    display: flex !important;
}

/* 1. Pack premium en premier */
ul.wp-block-woocommerce-product-template li.post-1361 {
    order: 1 !important;
}

/* 2. Abonnement annuel en deuxième */
ul.wp-block-woocommerce-product-template li.post-1363 {
    order: 2 !important;
}

/* 3. Pack économique en dernier */
ul.wp-block-woocommerce-product-template li.post-1365 {
    order: 3 !important;
}


/* Force le conteneur à aligner les colonnes sur la même hauteur */
.blockart-container .blockart-section-inner {
    display: flex !important;
    flex-wrap: wrap; /* Permet le passage à la ligne sur mobile */
    align-items: stretch !important;
}

/* Force chaque colonne à occuper 100% de la hauteur disponible */
.blockart-container .blockart-column {
    display: flex !important;
    flex-direction: column;
}

/* Configure l'intérieur du bloc pour pousser le bouton vers le bas */
.blockart-container .blockart-column-inner {
    display: flex !important;
    flex-direction: column;
    height: 100%; /* Occupe toute la hauteur de la colonne */
    flex-grow: 1;
}

/* Aligne automatiquement les boutons en bas du bloc, peu importe la quantité de texte */
.blockart-container .blockart-column-inner .blockart-buttons {
    margin-top: auto !important; 
    padding-top: 1.5rem; /* Espace de sécurité au-dessus du bouton */
}

ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-summary {
    flex-grow: 1 !important;
    text-align: center;
}


/* Masque l'onglet et le contenu des informations complémentaires */
.product .woocommerce-tabs, .product .wc-tabs-wrapper,.additional_information_tab, 
.woocommerce-Tabs-panel--additional_information {
    display: none !important;
}



/* 1. Force les éléments de la liste (les cartes produits) à adopter le comportement Flexbox */
ul.wc-block-product-template li.wc-block-product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 2. Permet à la zone de description ou de prix de s'étirer pour combler le vide */
ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-summary {
    flex-grow: 1 !important;
}

/* 3. Propulse le bloc bouton tout en bas de la carte */
ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-button {
    margin-top: auto !important;
    padding-top: 1rem; /* Espace de sécurité pour respirer */
}

ul.products li.product:nth-child(3), .wc-block-grid__product:nth-child(3),
ul.products li.product:nth-child(1), .wc-block-grid__product:nth-child(1)
 {
    background-color: #FFFFFF;
}



.woocommerce ul.products li.product .price {
    text-align: center;
    display: block;
    width: 100%;
}

.product-name .wps_show_customer_subscription_box_popup {
    display: none !important;
}


/* Masquer le premier élément ("Accueil") uniquement sur tablette */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #zak-primary-menu > li:first-child,
  #zak-primary-menu #menu-item-1143 {
    display: none !important;
  }
}