/* Hide "breadcrumb" and page title */
.woocommerce-breadcrumb { display: none; }
.woocommerce-products-header__title { display: none; }
.woocommerce-result-count { display: none; }
.wc-block-grid_add-to-cart { display: none; }


/* Make WooCommerce shop page full width | 36118680-hc */
.wp-container-10 > .alignwide {
    max-width: 100%;
}


/* Products blocks */
.wc-block-grid__product-link 
{ text-decoration-line: none } 
.wc-block-grid__product-title 
{ font-size: 15px } 
.wc-block-grid__product-title
{ font-weight: 400 } 


.wc-block-grid__product-price
{ color: #002e70 } 
.wc-block-grid__product-price
{ font-size: 12px } 

/* Do not show tag and UGC in products pages */
.product .sku_wrapper {
      display: none;
}

.product .tagged_as {
      display: none;
}


.product .posted_in {
      display: none;
}

/* Products title in products pages */
.product_title
{ font-size: 35px } 

/* Products variations text size */
.product .variations
{ font-size: 14px } 


/* Do not show footer */
.wp-container-50 {
      display: none;
}
.wp-block-navigation-item__label 
{ text-decoration-line: none } 

/* remove underline from all links | 36298079-hc tcrv */
a:not(.wp-element-button) {
    text-decoration: none;
}
/* End | 36298079-hc tcrv */

/* remove blank space wc block footer */
body.woocommerce footer + .wp-block-group {
    display: none;
}

/* Change the add to cart cart/options buttons font-size | 5697160-zen rg */
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    font-size: 0.7em;
}

-------

/* Réduire l'espacement vertical entre les champs de variation */
.variations_form .variations tr {
  margin-bottom: 5px !important;
  display: block;
}

/* Réduire la taille du texte dans les menus déroulants */
.variations_form select {
  font-size: 12px !important;  /* Tu peux ajuster à 12px si tu veux plus petit */
  padding: 6px 10px;
  min-width: 220px; /* Facultatif : ajuste la largeur ici si tu veux */
}

/* Réduire la hauteur des menus déroulants */
.variations_form select {
  height: auto !important;
  line-height: 1.2em !important;
}

/* Masque le menu responsive natif du thème Attar sur mobile. À supprimer et rajouter pour modifier le menu sur ordinateur */
@media (max-width: 1024px) {
  header .wp-block-navigation, 
  header .wp-block-columns {
    display: none !important;
  }
}


/*Hide on mobile*/
@media (max-width: 1024px) {
  .hide-on-mobile {
    display: none !important;
  }
}

/* Hide on desktop */
@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important;
  }
}

.wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
  position: absolute !important;
  bottom: 20px !important; /* ajuste la hauteur à ta convenance */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100%;
  justify-content: center !important;
  z-index: 10;
}

.wp-block-jetpack-slideshow img {
  image-rendering: auto;
  width: 100%;
  height: auto;
}

.woocommerce div.product div.images .slick-slide.slick-active {
  opacity: 1 !important;
  display: block !important;
}


/* 1. empêcher le scroll horizontal sur mobile */
html, body {
  overflow-x: hidden;
}

/* DESKTOP : largeur réduite */
body .section-sans-marge-mobile {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* MOBILE : on revient à la largeur de contenu du thème */
@media (max-width: 782px) {
  body .section-sans-marge-mobile {
    max-width: min(100%, 700px) !important;  /* 700px = largeur contenu mobile, tu peux mettre 640 */
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Boutons WooCommerce seulement (shop, fiche produit, panier, checkout) */
body.woocommerce .wp-block-button__link,
body.post-type-archive-product .wp-block-button__link,
body.single-product .wp-block-button__link,
body.woocommerce-cart .wp-block-button__link,
body.woocommerce-checkout .wp-block-button__link {
  background-color: #f1ebe9;   /* fond clair */
  color: #000000;
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 10px 24px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* effet au survol – toujours limité à WooCommerce */
body.woocommerce .wp-block-button__link:hover,
body.post-type-archive-product .wp-block-button__link:hover,
body.single-product .wp-block-button__link:hover,
body.woocommerce-cart .wp-block-button__link:hover,
body.woocommerce-checkout .wp-block-button__link:hover,
body.woocommerce .wp-block-button .wp-block-button__link:hover,
body.post-type-archive-product .wp-block-button .wp-block-button__link:hover,
body.single-product .wp-block-button .wp-block-button__link:hover {
  background-color: #001f3f !important;
  color: #f1ebe9 !important;
  border-color: #001f3f !important;
}


/* 1. liens de l'onglet description */
.woocommerce div.product #tab-description a,
.woocommerce div.product .woocommerce-Tabs-panel--description a {
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* 2. liens des autres onglets (infos complémentaires, délais, etc.) */
.woocommerce div.product .woocommerce-Tabs-panel a {
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* 3. au cas où le thème force sur .entry-content a */
.single-product .entry-content a {
  font-size: inherit !important;
}

/* Masquer le titre des onglets produits WooCommerce */
.woocommerce div.product .woocommerce-tabs .panel > h2:first-of-type {
  display: none;
}

/* --- BANNIÈRE COMÈTE LAB --- */

.hero-banner{
  aspect-ratio: 16/9;
  min-height: 720px;
  background-size: cover;
  background-position: center 20%;
}

/* version mobile */
@media (max-width: 768px){
  .hero-banner{
    aspect-ratio: 4/5;
    min-height: 460px;
    background-position: center top;
  }
}

/* Masquer complètement l’onglet "Informations complémentaires" */
.woocommerce div.product .wc-tabs li.additional_information_tab,
.woocommerce div.product #tab-additional_information {
  display: none !important;
}

/* Masquer l’onglet "Avis" seulement s’il n’y a aucun avis */
.woocommerce div.product .wc-tabs li.reviews_tab a:contains("0") {
  display: none !important;
}

/* OU méthode plus fiable avec le contenu vide */
.woocommerce div.product .woocommerce-Reviews .woocommerce-noreviews {
  display: none !important;
}

/* Optionnel : si tu veux aussi cacher l’onglet quand le conteneur d’avis est vide */
.woocommerce div.product .wc-tabs li.reviews_tab:has(+ #tab-reviews:empty) {
  display: none !important;
}

/* Quand le texte est un lien sur les blocks bannière, arrête de changer sa taille.*/
.wp-block-cover a,
.wp-block-cover-text a {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Badge "Réductions en lot !" sur la fiche produit boules-de-noel */
body.single-product.product_tag-boules-de-noel .woocommerce-product-gallery {
  position: relative;
}

body.single-product.product_tag-boules-de-noel .woocommerce-product-gallery::before,
body.single-product.product_tag-stickers-personnalises .woocommerce-product-gallery::before {
  content: "Réductions en lot !";
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 0.3rem 0.9rem;
  background: #002e70;
  color: #ffffff;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 999px;
  z-index: 5;
}

/* Badge "2 achetées + 1 offerte !" sur les fiches produits catégorie Pochettes */
body.single-product.product_cat-pochettes .woocommerce-product-gallery {
  position: relative;
}

body.single-product.product_cat-pochettes .woocommerce-product-gallery::before {
  content: "2 achetées + 1 offerte !";
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 0.3rem 0.9rem;
  background: #002e70;
  color: #ffffff;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 999px;
  z-index: 5;
}


/* Masquer le badge PROMO du thème uniquement sur les fiches produit */
body.single-product .onsale {
    display: none !important;
}

/* Encart réductions en lot – style Comète Lab */
.cometelab-lot-box {
  background: #f1ebe9;              /* très clair, moins “bloc” */
  border: 1px solid #e8dfd7;
  border-radius: 12px;
  padding: 10px 14px;
  margin-top: 10px;
  max-width: 340px;                 /* évite que ça prenne toute la largeur */
  font-size: 13px;
  line-height: 1.5;
  color: #222222;
}

.cometelab-lot-title {
  margin: 0 0 4px;
}

.cometelab-lot-list {
  list-style: none;
  margin: 4px 0 4px;
  padding-left: 0;
}

.cometelab-lot-list li {
  margin: 2px 0;
  position: relative;
  padding-left: 14px;
}

/* Petit point devant chaque ligne, plus doux que des puces classiques */
.cometelab-lot-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #8b7a6a;
  font-size: 12px;
}

.cometelab-lot-note {
  margin: 4px 0 0;
  font-size: 12px;
  opacity: 0.85;
}

/* Bouton "Ajouter au panier" – fiche produit */
.single-product .single_add_to_cart_button {
  background-color: #EFE7E3 !important;   /* fond beige */
  color: #000000 !important;              /* texte noir */
  border: 1px solid #e8dfd7 !important;   /* bordure douce */
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 500;
  opacity: 1 !important;                  /* SUPPRIME la transparence */
  transition: all 0.3s ease;
}

/* Survol = bleu marine (comme tu veux le garder) */
.single-product .single_add_to_cart_button:hover {
  background-color: #001f3f !important;
  color: #f1ebe9 !important;
  border-color: #001f3f !important;
  opacity: 1 !important;
}

/* Taille des titres produits uniquement dans les cross-sells du panier */
.wp-block-woocommerce-cart-cross-sells-block 
.wc-block-components-product-name {
  font-size: 14px;
}

/* Cache tous les blocs de totaux WAPF sur les fiches produit */
.single-product .wapf-product-totals,
.single-product .wapf-product-total,
.single-product .wapf-summary,
.single-product .wapf-totals,
.single-product .wapf-total,
.single-product .wapf-price-summary,
.single-product .wapf-product-totals-wrap {
    display: none !important;
}

/* Boutons "Vous aimerez peut-être aussi" : on ne change QUE la couleur */

.woocommerce .up-sells .button,
.woocommerce .up-sells .wp-element-button,
.woocommerce .related .button,
.woocommerce .related .wp-element-button {
    background-color: #f1ebe9;  /* beige clair */
    color: #000000;
}

/* Survol bleu marine */
.woocommerce .up-sells .button:hover,
.woocommerce .up-sells .wp-element-button:hover,
.woocommerce .related .button:hover,
.woocommerce .related .wp-element-button:hover {
    background-color: #002E70;
    color: #ffffff;
}

/* Effet hover universel sur tous les boutons – sans toucher aux couleurs */
.wp-block-button__link,
button,
.single_add_to_cart_button,
.woocommerce a.button {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wp-block-button__link:hover,
button:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button:hover {
  transform: scale(1.04);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* BOUTONS PRODUITS – GRILLES + SLIDERS + SUGGESTIONS
   (tous les boutons "Options" et "Ajouter au panier" dans les listes produits) */

/* ÉTAT NORMAL */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.wp-element-button {
  background-color: #f1ebe9 !important;  /* beige clair */
  color: #000000 !important;
}

/* SURVOL */
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.wp-element-button:hover {
  background-color: #001f3f !important;  /* bleu marine Comète Lab */
  color: #ffffff !important;
}

/* BOUTONS PRODUITS – GRILLES + SLIDERS + SUGGESTIONS
   (tous les boutons "Options" et "Ajouter au panier" dans les listes produits) */

/* ÉTAT NORMAL */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.wp-element-button {
  background-color: #f1ebe9 !important;  /* beige clair */
  color: #000000 !important;
}

/* SURVOL */
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.wp-element-button:hover {
  background-color: #001f3f !important;  /* bleu marine Comète Lab */
  color: #ffffff !important;
}

/* Supprime toute hauteur artificielle qui crée du vide */
body {
    display: block !important;
    min-height: auto !important;
}

.site,
#page,
.site-content {
    min-height: auto !important;
    height: auto !important;
}

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