/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ---------------------------------- ARCHIVE PRODUIT ANIMATION SURVOL ---------------------------------- */

.elementor-element-67d18c78:hover .product {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}

/* Effet global : tous les produits s’assombrissent quand on survole la grille */
.archive-product:hover .product {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}

/* Le produit survolé retrouve son opacité normale */
.archive-product .product:hover {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Optionnel : curseur + petite mise en valeur du produit actif */
.archive-product .product:hover {
  cursor: pointer;
  z-index: 2;
}

/* ---------------------------------- PAGE UNIQUE PRODUIT ICONE GALERIE IMAGE VIDEO ---------------------------------- */

.nickx-popup {
  display: inline-block;
  width: 24px;                /* largeur de ton icône */
  height: 24px;               /* hauteur de ton icône */

  /* On supprime toute image de fond existante */
  background-image: none !important;

  /* On applique le SVG en tant que masque */
  mask: url("https://goldenrod-dragonfly-588096.hostingersite.com/wp-content/plugins/product-video-gallery-slider-for-woocommerce/public/css/expand.svg") no-repeat center;
  -webkit-mask: url("https://goldenrod-dragonfly-588096.hostingersite.com/wp-content/plugins/product-video-gallery-slider-for-woocommerce/public/css/expand.svg") no-repeat center;

  mask-size: contain;
  -webkit-mask-size: contain;

  /* Couleur du SVG */
  background-color: #D4AF37;  /* or doré */
  transition: background-color 0.3s ease;
}