/* HEADER PAR DÉFAUT (transparent, texte blanc) */
.sticky-header {
  background-color: transparent !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* TOUS LES TEXTES ET ICONES PAR DÉFAUT EN BLANC */
.sticky-header .elementor-widget-heading,
.sticky-header .elementor-nav-menu a,
.sticky-header .elementor-icon,
.sticky-header .elementor-icon svg,
.sticky-header .elementor-social-icon {
  color: white !important;
  fill: white !important;
}

/* 🛒 Couleur par défaut du panier : blanc */
.sticky-header .elementor-menu-cart__toggle svg.e-font-icon-svg.e-eicon-cart-light path {
  fill: white !important;
  transition: fill 0.3s ease;
}

/* 🛒 Couleur du panier après scroll : noir */
.sticky-header.scrolled .elementor-menu-cart__toggle svg.e-font-icon-svg.e-eicon-cart-light path {
  fill: black !important;
}



/* HEADER APRÈS SCROLL */
.sticky-header.scrolled {
  background-color: white !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.07);
}

/* TOUS LES TEXTES ET ICONES EN NOIR APRÈS SCROLL */
.sticky-header.scrolled .elementor-widget-heading,
.sticky-header.scrolled .elementor-nav-menu a,
.sticky-header.scrolled .elementor-icon,
.sticky-header.scrolled .elementor-icon svg,
.sticky-header.scrolled .elementor-social-icon {
  color: black !important;
  fill: black !important;
}
/* Texte intérieur du widget Titre (nom de marque) */
.sticky-header .elementor-widget-heading .elementor-heading-title {
  color: white !important;
  transition: color 0.3s ease;
}

.sticky-header.scrolled .elementor-widget-heading .elementor-heading-title {
  color: black !important;
}
/* Bouton menu burger par défaut (blanc) */
.sticky-header .elementor-menu-toggle {
  color: white !important;
  fill: white !important;
  transition: color 0.3s ease, fill 0.3s ease;
}

/* Bouton menu burger après scroll (noir) */
.sticky-header.scrolled .elementor-menu-toggle {
  color: black !important;
  fill: black !important;
}

/* Si c’est un SVG à l'intérieur du bouton */
.sticky-header.scrolled .elementor-menu-toggle svg {
  fill: black !important;
}
/* === HEADER DES AUTRES PAGES AVANT SCROLL === */
.sticky-header.dark-default {
  background-color: black !important;
  transition: background-color 0.3s ease;
}

.sticky-header.dark-default .elementor-widget-heading,
.sticky-header.dark-default .elementor-nav-menu a,
.sticky-header.dark-default .elementor-icon,
.sticky-header.dark-default .elementor-icon svg,
.sticky-header.dark-default .elementor-social-icon,
.sticky-header.dark-default .elementor-menu-toggle {
  color: white !important;
  fill: white !important;
  transition: color 0.3s ease, fill 0.3s ease;
}

/* === HEADER DES AUTRES PAGES APRÈS SCROLL === */
.sticky-header.dark-default.scrolled {
  background-color: white !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

.sticky-header.dark-default.scrolled .elementor-widget-heading,
.sticky-header.dark-default.scrolled .elementor-nav-menu a,
.sticky-header.dark-default.scrolled .elementor-icon,
.sticky-header.dark-default.scrolled .elementor-icon svg,
.sticky-header.dark-default.scrolled .elementor-social-icon,
.sticky-header.dark-default.scrolled .elementor-menu-toggle {
  color: black !important;
  fill: black !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {pointer-events: none;
}
.woocommerce-product-gallery__trigger {
  display: none !important;
}
/* Supprime le fond gris derrière chaque ligne de variation */
form.variations_form table.variations tr {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Supprime le fond autour des cellules contenant le libellé et le champ */
form.variations_form table.variations tr td,
form.variations_form table.variations tr th {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Supprime le fond sur le bloc complet des variations */
form.variations_form table.variations {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Forcer le fond blanc uniquement sur les champs déroulants */
form.variations_form select {
  background-color: #ffffff !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
}
/* Affiche les variations en ligne (desktop seulement) */
@media screen and (min-width: 769px) {
  form.variations_form table.variations tbody {
    display: flex !important;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
  }

 @media screen and (min-width: 769px) {
  form.variations_form table.variations tr {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
  }
}
@media screen and (min-width: 769px) {
  .woocommerce div.product form.cart table.variations {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: flex-start;
    margin: 0 auto !important;
    text-align: left;
    gap: 18px;
  }

  .woocommerce div.product form.cart table.variations tr {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  .woocommerce div.product form.cart {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  form.variations_form select {
    width: 180px !important;
    text-align: left;
  }
}
/* Style par défaut : bouton noir avec texte blanc */
.woocommerce div.product form.cart button.single_add_to_cart_button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  opacity: 1 !important;
  cursor: pointer;
}

/* Effet au survol uniquement si le bouton est actif */
.woocommerce div.product form.cart button.single_add_to_cart_button:not(:disabled):not([aria-disabled="true"]):hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:not(:disabled):not([aria-disabled="true"]):active {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

/* Style du bouton désactivé */
.woocommerce div.product form.cart button.single_add_to_cart_button:disabled,
.woocommerce div.product form.cart button.single_add_to_cart_button[disabled],
.woocommerce div.product form.cart button.single_add_to_cart_button[aria-disabled="true"] {
  background-color: #000 !important;
  color: #fff !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.elementor-widget-wc-products .woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products .woocommerce ul.products li.product .button {
  display: none !important;
}
/* Forcer le fond noir de l'en-tête même au survol */
.sticky-header.dark-default:hover {
  background-color: #000 !important;
}

/* Assurer que le texte reste blanc au survol */
.sticky-header.dark-default:hover *,
.sticky-header.dark-default:hover svg {
  color: #fff !important;
  fill: #fff !important;
}
.elementor-element-c62dd2d .woocommerce ul.products li.product a.button.product_type_variable {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/* Cacher tous les boutons produit WooCommerce */
.woocommerce ul.products li.product a.button,
.elementor-widget-wc-products .woocommerce ul.products li.product a.button,
.elementor-widget-woocommerce-products .woocommerce ul.products li.product a.button,
a.button.product_type_variable,
a.button.product_type_simple,
a.button.product_type_grouped,
a.button.product_type_external {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 768px) {
  body, html {
    overflow-x: hidden !important;
  }

  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}