/* ==========================================================================
   PRODUITS PREMIUM TOUCHES - 100% ADDITIF & SÛR
   (N'affecte : header, héros, slider, parallax, inertie, logos, footer)
   Adapté au balisage réel du thème :
     - pas de <figure>  → l'image est dans <span class="et_shop_image">
     - pas de .button   → les boutons sont .tim-btn-view et .tim-dv-add
   ========================================================================== */

/* 1. Carte produit avec effet de levée premium et profondeur interne */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative;
  overflow: hidden;
  /* Préserve votre existing transition et transform */
  transition: transform 0.35s cubic-bezier(.4,0,.2,1), box-shadow 0.35s ease !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-8px) rotate(0.2deg);
  box-shadow: 
    0 25px 60px -20px rgba(4,6,12,.35),
    inset 0 0 25px rgba(255,121,0,.08) !important;
}

/* 2. Boutons produit avec éclat intérieur subtil
   (.button conservé pour compat ; .tim-btn-view / .tim-dv-add = boutons réels) */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product .tim-btn-view,
.woocommerce-page ul.products li.product .tim-btn-view,
.woocommerce ul.products li.product .tim-dv-add,
.woocommerce-page ul.products li.product .tim-dv-add {
  position: relative;
  overflow: hidden;
  /* Préserve vos existing button styles */
}
.woocommerce ul.products li.product .button::before,
.woocommerce-page ul.products li.product .button::before,
.woocommerce ul.products li.product .tim-btn-view::before,
.woocommerce-page ul.products li.product .tim-btn-view::before,
.woocommerce ul.products li.product .tim-dv-add::before,
.woocommerce-page ul.products li.product .tim-dv-add::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,121,0,.15) 0%, transparent 60%);
  transform: rotate(30deg);
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
.woocommerce ul.products li.product .button:hover::before,
.woocommerce-page ul.products li.product .button:hover::before,
.woocommerce ul.products li.product .tim-btn-view:hover::before,
.woocommerce-page ul.products li.product .tim-btn-view:hover::before,
.woocommerce ul.products li.product .tim-dv-add:hover::before,
.woocommerce-page ul.products li.product .tim-dv-add:hover::before {
  opacity: 1;
  animation: timProductPulse 2s infinite;
}
@keyframes timProductPulse {
  0% { transform: rotate(30deg) scale(1); }
  50% { transform: rotate(30deg) scale(1.2); }
  100% { transform: rotate(30deg) scale(1); }
}

/* 3. Image du produit avec reflet subtil au survol */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  transition: transform 0.4s ease;
}
.woocommerce ul.products li.product:hover img,
.woocommerce-page ul.products li.product:hover img {
  transform: scale(1.03);
  filter: brightness(1.02) contrast(1.01);
}

/* 4. Ombre interne supplémentaire sur l'image au survol (optionnel)
   .et_shop_image = conteneur réel de l'image (figure conservé au cas où). */
.woocommerce ul.products li.product .et_shop_image,
.woocommerce-page ul.products li.product .et_shop_image,
.woocommerce ul.products li.product figure,
.woocommerce-page ul.products li.product figure {
  position: relative;
  overflow: hidden;
}
.woocommerce ul.products li.product .et_shop_image::after,
.woocommerce-page ul.products li.product .et_shop_image::after,
.woocommerce ul.products li.product figure::after,
.woocommerce-page ul.products li.product figure::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.woocommerce ul.products li.product:hover .et_shop_image::after,
.woocommerce-page ul.products li.product:hover .et_shop_image::after,
.woocommerce ul.products li.product:hover figure::after,
.woocommerce-page ul.products li.product:hover figure::after {
  opacity: 1;
}