.elementor-2339 .elementor-element.elementor-element-241e455f > .elementor-container{max-width:500px;}.elementor-2339 .elementor-element.elementor-element-b0eeeb9{--display:flex;--background-transition:0.3s;}.elementor-2339 .elementor-element.elementor-element-0ac8eb9{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-7ed0495 );--n-accordion-title-hover-color:var( --e-global-color-7ed0495 );--n-accordion-title-active-color:var( --e-global-color-7ed0495 );--n-accordion-icon-size:15px;--n-accordion-icon-gap:70%;--n-accordion-icon-normal-color:var( --e-global-color-7ed0495 );--n-accordion-icon-hover-color:var( --e-global-color-7ed0495 );--n-accordion-icon-active-color:var( --e-global-color-7ed0495 );}.elementor-2339 .elementor-element.elementor-element-0ac8eb9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-b5132e5 );}:where( .elementor-2339 .elementor-element.elementor-element-0ac8eb9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}:where( .elementor-2339 .elementor-element.elementor-element-0ac8eb9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-color:var( --e-global-color-b5132e5 );}.elementor-2339 .elementor-element.elementor-element-9527bb8{margin-top:0px;margin-bottom:0px;}.elementor-2339 .elementor-element.elementor-element-4a20791 > .elementor-element-populated{margin:2rem 0rem 0rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;padding:0px 0px 0px 0px;}.elementor-2339 .elementor-element.elementor-element-9388489 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-2339 .elementor-element.elementor-element-9388489.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2339 .elementor-element.elementor-element-9388489.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2339 .elementor-element.elementor-element-0ac8eb9{--n-accordion-icon-gap:50%;}.elementor-2339 .elementor-element.elementor-element-9388489.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2339 .elementor-element.elementor-element-35d9e663{width:100%;}}@media(max-width:767px){.elementor-2339 .elementor-element.elementor-element-0ac8eb9{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:1.2rem;--n-accordion-icon-gap:20%;}.elementor-2339 .elementor-element.elementor-element-9388489.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-7c2957f5 */h1 {
    color: var(--main-primary);
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-35d9e663 *//* Tablette et plus (à partir de 768px) */
@media (min-width: 768px) {
  /*.elementor-widget-wrap.elementor-element-populated  {*/
  /*  max-width: 80vw;*/
  /*}*/
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-241e455f *//*Permet à la section de prendre la largeur maximum définie et de donner à son enfant la largeur maximum*/

.elementor-2339 .elementor-element.elementor-element-241e455f {
    width: 100% !important;
  max-width: var(--max-width) !important;
  margin:auto;
  padding: 0;
  margin-top: 2rem;
}
.elementor-2339 .elementor-element.elementor-element-241e455f > .elementor-container {
  /*width: 100% !important;*/
  max-width: 100% !important;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-2339 .elementor-element.elementor-element-241e455f > .elementor-container {
        width: 95vw;
        
    }
}

@media (max-width: 767px) {
    .elementor-2339 .elementor-element.elementor-element-241e455f > .elementor-container {
        width: 95vw;
        padding: 0.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-9388489 *//** STYLE GENERAL DES CARTES **/

/* Couleur de fond */
li.product, div.product {
  background-color: var(--main-white);
  
}

/* Apparence */
ul.products li.product {
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.2s ease;
  margin: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  height: 100%;
  
}

/* Survol */
ul.products li.product:hover {
  transform: translateY(-4px);
}

/* Icône info */
ul.products li.product::before {
  font-family: "Font Awesome 5 Free";
  content: "\f05a";
  font-weight: 900;
  font-size: 1.5rem;
  color: var(--main-primary);
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  opacity: 0.85;
  pointer-events: none;
}


/** STRUCTURE **/

ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  padding: 1rem !important;
  position: relative;

}


/** CONTENU **/

/* Conteneur image + titre + prix */
ul.products li.product .woocommerce-loop-product__link {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1rem;
  
}

/* Titre produit */
.woocommerce-loop-product__title {
  color: var(--main-primary) !important;
  font-size: 0.8rem!important;
}



/** BOUTON AJOUT PANIER **/

.button.product_type_simple.add_to_cart_button {
  margin-top: auto;
  display: block;
  width: 100%;
  background-color: var(--main-secondary);
  color: var(--main-white);
  text-align: center;
  padding: 0.75rem;
  font-weight: bold;
  border-radius: 6px;
  transition: background 0.2s ease;
}

.button.product_type_simple.add_to_cart_button:hover {
  background-color: var(--main-primary);
  color: var(--main-white);
}


/** PRODUITS EN RUPTURE **/

/*ul.products li.product.outofstock .button {*/
/*  display: none !important;*/
/*}*/

/*ul.products li.product.outofstock::after {*/
/*  content: "En rupture";*/
/*  display: block;*/
/*  text-align: center;*/
/*  margin-top: 1rem;*/
/*  background-color: #ccc;*/
/*  color: #333;*/
/*  padding: 0.5rem 1rem;*/
/*  border-radius: 6px;*/
/*  font-weight: bold;*/
/*}*/

/** RESPONSIVE **/

/* Mobile */
@media (max-width: 480px) {
    
 ul.products {
   padding: 0.5rem !important;
}
    
    /* Cartes produits : même hauteur */
 ul.products li.product {
    min-height: 380px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    
  }

	 /* Réduire la taille du titre produit */
 ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.85rem !important;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    
  }
 
	/* Forcer le retour à la ligne dans les titres de produits pour eviter le debordement */ 
 ul.products li.product .woocommerce-loop-product__title {
  white-space: normal !important;
  word-break: break-word;
  font-size: 0.95rem; 
  text-align: center;
}


  /* Prix : centrage et lisibilité */
  ul.products li.product .price {
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-bottom: 0.5rem;
  }

  /* Boutons centrés et harmonisés */
  ul.products li.product .button {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    margin: 0 auto 0.75rem auto;
    display: block !important;
    width: 80%;
    text-align: center;
  }

  /* Badge rupture centré */
   ul.products li.product.outofstock::after {
    margin: 0.5rem auto 0 auto;
  }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
    
  	    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9527bb8 */.elementor-2339 .elementor-element.elementor-element-9527bb8 {
    width: var(--max-width);
    margin:auto;
 
}

@media (max-width: 767px){
   .elementor-2339 .elementor-element.elementor-element-9527bb8 {
       width: 95vw;
       margin:auto;
      
   }
 }
 @media (min-width: 768px) and (max-width: 1024px) {
     .elementor-2339 .elementor-element.elementor-element-9527bb8 {
         width: 95vw;
         padding: 0.5rem;
     }
     
  	}/* End custom CSS */