/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://wordpress.com
 Description:  Hello Elementor Child Theme
 Author:       Elementor
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Le conteneur carte (inclut le bouton) */
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product {
  border-radius: 10px;           /* adapte si tu veux plus carré */
  padding: 18px 18px 14px;       /* pour que l'ombre englobe joliment */
  background: #fff;              /* important sinon l'ombre fait "flottant" */
  position: relative;
  transition: box-shadow .18s ease, transform .18s ease;
}

/* Hover sur TOUTE la carte */
.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-products ul.products li.product:hover {
  z-index: 10;
  box-shadow: 0 10px 26px var(--glow) !important;
  transform: translateY(-2px);
}

/* Neutralise l'ombre éventuelle sur le lien interne */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.elementor-widget-woocommerce-products ul.products li.product > a.woocommerce-LoopProduct-link {
  box-shadow: none !important;
  border-radius: 0;
}

.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product {
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-products ul.products li.product:hover {
  box-shadow: 0 10px 26px var(--glow), 0 0 0 1px rgba(0,0,0,.04) !important;
}


/* --- 5) Couleurs via ALT (insensible à la casse) --- */
.woocommerce ul.products li.product:has(img[alt*="orange" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="orange" i]) { --glow: rgba(242,142,49,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="pourpre" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="pourpre" i]) { --glow: rgba(126,64,191,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="indigo" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="indigo" i]) { --glow: rgba(63,71,192,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="bleu clair" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="bleu clair" i]) { --glow: rgba(80,178,229,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="vert" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="vert" i]) { --glow: rgba(68,177,114,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="jaune" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="jaune" i]) { --glow: rgba(240,198,64,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="rouge" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="rouge" i]) { --glow: rgba(226,74,74,.55) !important; }

.woocommerce ul.products li.product:has(img[alt*="noir" i]),
.elementor-widget-woocommerce-products ul.products li.product:has(img[alt*="noir" i]) { --glow: rgba(0,0,0,.65) !important; }

.elementor-post__excerpt li {
    font-size: 14px !important;
    font-family: 'Roboto';
    color: #777;
}
.ppcp-messages {
    margin-top: 20px;
}