/********************************************************************/
/******************* WOOCOMMERCE DIVERS *****************************
/********************************************************************/

/*désactiver icone flottante  Side cart*/
.xoo-wsc-basket[style*="block"] {
    display: none !important;
}

/*---------------------------------------------------------
   Effet zoom produits WooCommerce dans boutique et catégories
---------------------------------------------------------*/
/* 1 Conteneur image produit */
.woocommerce ul.products li.product .et_shop_image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px !important;
  border: 1px solid #ddd !important;
  box-sizing: border-box;
}

/* 2 Image interne */
.woocommerce ul.products li.product .et_shop_image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important; 
  border: none !important;
  border-radius: 0 !important; /* arrondi géré par le parent */
  transition: transform 0.35s ease-in-out;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
}

/* 3 Overlay : colle exactement à l'image et respecte les arrondis */
.woocommerce ul.products li.product .et_shop_image .et_overlay {
  position: absolute;
  top: 0; 
  left: 0;
  right: 0; 
  bottom: 0;
  border-radius: inherit !important;  /* reprend les coins arrondis */
  pointer-events: none;               /* ne bloque pas le hover */
}

/* 4 Effet zoom au survol */
.woocommerce ul.products li.product:hover .et_shop_image img {
  transform: scale(1.04);
}
#bloc-home-header .woocommerce ul.products li.product .et_shop_image {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0px 5px 12px rgba(0,0,0,0.20));
}


/********************************************************************/
/****************** WOOCOMMERCE PAGE CATEGORIES **********************
/********************************************************************/

/* WOOCOMMERCE page catégories : Cacher les variations des produits dans la boutique */
#boutique-page-boutique .woocommerce-page .products .product .variations_form {
    display: none;
}

/* WOOCOMMERCE page catégories : Afficher seulement le titre et le prix des produits */
#boutique-page-categories .woocommerce-page .products .product .entry-title,
#boutique-page-categories .woocommerce-page .products .product .price {
    display: block;
}


/********************************************************************/
/************************ WOO PAGE BOUTIQUE  *************************
/********************************************************************/

/* WOO BOUTIQUE : Style du badge "NOUVEAU"  
   cf. WOO FICHE PRODUIT + PAGE BOUTIQUE : Style du badge "NOUVEAU"  */

/* WOO BOUTIQUE : Style général pour le badge "Rupture de stock" : */
/* Cacher le badge par défaut */
.product .badge-rupture-stock {
    display: block;
} 

/* Style pour le badge généré par ::after */
.et_shop_image {
    position: relative;
    display: block;
    width: 100%;
}

/* Style pour afficher le badge via ::after */
.et_shop_image::after {
    content: 'Rupture de stock';
    display: none;
    position: absolute;
    bottom: 0;
    /* Collé au bas de l'image */
    left: 0;
    right: 0;
    background-color: #000;
    color: white;
    font-weight: normal;
    padding: 3px 10px;
    text-align: center;
    z-index: 10;
}

/* Afficher le badge uniquement pour les produits en rupture de stock */
.product.outofstock .et_shop_image::after {
    display: block;
}