
            @media (min-width: 1200px) {
            .container {  	
                width: 100%;
                
            }}
         :root {  
            --maincolor: #000000;  
            --bodycolor: #525050;  
        }html{
            font-size: 15px;
        }body{
            font-family: "Jost", sans-serif;
            font-size: 15px;
            color: #525050;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Jost", sans-serif;
            color: #2B620F;
            text-transform: uppercase;
			font-weight: 400;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Jost", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #ffffff;   
        }.page-title-wrapper{ background-color: #00533C}.page-header h1,.breadcrumb{  
                color: #D4511A;   
            }.js-product-miniature .product_desc .product_name{
            color: #121111;
            text-transform: none;
            font-weight: 700;
        }@media(min-width: 768px){
                .js-product-miniature .product_desc .product_name{
                font-size: 16px;
                }
            }.js-product-miniature .product_desc .product_name:hover{
            color: #CC3B46;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 16px;
        }.h1.namne_details, .product_name_h1{
            color: #121111;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#121111;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }/* Aligner le libellé à gauche (texte) */
.pz-availability-container .pz-delivery-week-select label{
  display: block;          /* force une ligne à part */
  width: 100%;
  text-align: left !important;
  margin: 0 0 6px 0 !important;
}

/* Si un style du thème centre/droite via un parent */
.pz-availability-container .pz-delivery-week-select{
  text-align: left !important;
}

/* Désactiver les majuscules automatiques (capitalize) dans la fiche technique produit */
#product .product-features .data-sheet dt,
#product .product-features .data-sheet dd,
#product .product-features .data-sheet .name,
#product .product-features .data-sheet .value {
  text-transform: none !important;
}


/* ===========================
   OVERLAY
=========================== */
.pos-overlay.open {
  pointer-events: none !important;
  visibility: hidden;
  opacity: 0.1;
}

/* ===========================
   HEADER STICKY
=========================== */
#header.use-sticky {
  z-index: 1000;
  overflow: visible !important;
}

/* ===========================
   SECTIONS HEADER
=========================== */
.elementor-element-cjxkrts {
  z-index: 1002 !important;
  overflow: visible !important;
}

.elementor-element-chompqr {
  z-index: 1001 !important;
  overflow: visible !important;
}

/* ===========================
   BACKGROUND OVERLAY HEADER
=========================== */
#header .elementor-element-chompqr > .elementor-background-overlay {
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ===========================
   DROPDOWN MENUS
=========================== */
.pos-dropdown-menu {
  z-index: 99999 !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
}

.pz-account-menu .pos-dropdown-menu {
  z-index: 99999 !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
}

.pz-account-menu {
  position: relative !important;
}

/* ===========================
   BOUTONS MAIL ALERT
=========================== */
.btn.js-mailalert-add {
  background-color: #FF6600;
  border-color: #FF6600;
  color: #ffffff;
}

.btn.js-mailalert-add:hover {
  background-color: #e55c00;
  border-color: #e55c00;
  color: #ffffff;
}
/* ===== BADGE BIO GLOBAL (source: HTML fourni) ===== */

/* LISTINGS / SLIDERS (product-miniature) */
article.product-miniature .img_block,
article.product-miniature a.thumbnail.product-thumbnail{
  position: relative;
}

article.product-miniature a.thumbnail.product-thumbnail{
  display: block; /* sécurité */
}

article.product-miniature a.thumbnail.product-thumbnail::after{
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 56px;
  height: 56px;
  background: url("/img/cms/badge-bio.png") no-repeat center / contain;
  z-index: 5;
  pointer-events: none;
}

/* FICHE PRODUIT (body#product) */
body#product .images-container .product-cover-container{
  position: relative;
}

body#product .images-container .product-cover-container::after{
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 72px;
  height: 72px;
  background: url("/img/cms/badge-bio.png") no-repeat center / contain;
  z-index: 10;
  pointer-events: none;
}

/* Option: réduire sur mobile */
@media (max-width: 575px){
  article.product-miniature a.thumbnail.product-thumbnail::after{
    width: 44px;
    height: 44px;
  }
  body#product .images-container .product-cover-container::after{
    width: 56px;
    height: 56px;
  }
}






/* Breadcrumb blanc uniquement dans le header .page-title-wrapper.p_tilte_big */
.page-title-wrapper.p_tilte_big nav.breadcrumb,
.page-title-wrapper.p_tilte_big nav.breadcrumb span,
.page-title-wrapper.p_tilte_big nav.breadcrumb a,
.page-title-wrapper.p_tilte_big nav.breadcrumb a span {
  color: #fff !important;
}

/* Dernier élément (actif) */
.page-title-wrapper.p_tilte_big nav.breadcrumb > ol > li:last-child > span {
  color: #fff !important;
}

/* Séparateur si ajouté via ::before */
.page-title-wrapper.p_tilte_big nav.breadcrumb > ol > li::before {
  color: #fff !important;
}


/* Fiche produit : ne pas forcer le breadcrumb en blanc */
body#product .page-title-wrapper.p_tilte_big nav.breadcrumb,
body#product .page-title-wrapper.p_tilte_big nav.breadcrumb span,
body#product .page-title-wrapper.p_tilte_big nav.breadcrumb a,
body#product .page-title-wrapper.p_tilte_big nav.breadcrumb a span,
body#product .page-title-wrapper.p_tilte_big nav.breadcrumb > ol > li::before {
  color: inherit !important;
}




/* Assombrit les images du carrousel Pos Categories */
.hover-animation .categories-container .category-item .category-image img {
    display: block;
    width: 100%;
    height: auto;
    filter: brightness(0.65); 
}

/* On positionne le bloc complet (image + texte) comme conteneur */
.hover-animation .categories-container .category-item .style1 {
    position: relative;
    overflow: hidden;
}

/* Le texte revient en overlay sur l’image */
.hover-animation .categories-container .category-item .category-content {
    position: absolute;
    inset: 0;               /* couvre toute la carte */
    display: flex;
    align-items: flex-end;  /* texte en bas ; passe à center pour centrer verticalement */
    justify-content: center;
    z-index: 2;
    margin: 0;
    padding-bottom: 15px;   /* espace par rapport au bas, ajuste si besoin */
    pointer-events: none;   /* pour laisser les clics passer à travers si nécessaire */
}

/* Le lien reste cliquable */
.hover-animation .categories-container .category-item .category-content-inner,
.hover-animation .categories-container .category-item .category-content-inner .name {
    pointer-events: auto;
}
