/* Supprimer l'ombre sticky sur tous les appareils */
.elementor-sticky--effects,
.elementor-element.elementor-sticky--effects,
.elementor-header-sticky {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: none !important;
    background-color: inherit !important;
}

/* S'assurer que ça s'applique aussi en responsive */
@media only screen and (max-width: 1024px) {
    .elementor-sticky--effects,
    .elementor-element.elementor-sticky--effects,
    .elementor-header-sticky {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
}
/* Cible précise par ID */
#hero-bg h1,
#hero-bg h2,
#hero-bg .elementor-heading-title {
  color: #ffffff !important;
}

#hero-bg p,
#hero-bg .elementor-text-editor {
  color: #ffffff !important;
}

#hero-bg .elementor-button {
  color: #ffffff !important;
}

/* Force le conteneur à charger son image de fond immédiatement */
#hero-bg {
  background-image: url("https://eo-maroquinerie.fr/wp-content/uploads/2025/01/6pieces_900_1200.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* Force un préchargement via le navigateur */
#hero-bg::before {
  content: "";
  display: none;
  background-image: url("https://eo-maroquinerie.fr/wp-content/uploads/2025/01/6pieces_900_1200.jpg");
}
@media (max-width: 767px) {

  /* Grille produits : Le Galet uniquement */
  .le-galet-collection ul.products{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 2 colonnes : plus robuste que width (override thèmes/woo) */
  .le-galet-collection ul.products li.product{
    float:none !important;
    flex: 0 0 calc(50% - 12px) !important;  /* 2 colonnes */
    max-width: calc(50% - 12px) !important;
    width: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Empêche certains thèmes de réduire la "carte" */
  .le-galet-collection ul.products li.product .woocommerce-LoopProduct-link,
  .le-galet-collection ul.products li.product a{
    display:block !important;
  }

  /* Image : si elle est "petite", c'est souvent un max-width du thème */
  .le-galet-collection ul.products li.product img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display:block !important;
    margin: 0 auto !important;
  }

  /* Centre le texte (facultatif) */
  .le-galet-collection ul.products li.product{
    text-align:center !important;
  }
}
.eo-color-dots {
  margin-top: 6px;
}

.eo-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid rgba(0,0,0,0.15);
}

/* couleurs */
.eo-color-dots {
  margin-top: 8px;
}

.eo-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-right: 6px;
  border: 1px solid rgba(0,0,0,0.18);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.25);
  transition: transform 0.15s ease;
}

/* effet léger au survol */
.eo-dot:hover {
  transform: scale(1.1);
}

/* couleurs (ajustées pour mieux différencier) */
.eo-dot.marron-cognac { background: #a0602d; }
.eo-dot.marron-vintage { background: #5a3e2b; }
.eo-dot.marron-clair { background: #b08968; }
.eo-dot.noir { background: #1a1a1a; }
.eo-dot.bleu { background: #3f5f7d; }
.eo-dot.vert { background: #5a6f4f; }
.eo-dot.rouge-bordeaux { background: #be0a31; }
.eo-dot.gris { background: #8c8c8c; }
.eo-color-count {
  font-size: 11px;
  color: #7a746e;
  margin-left: 6px;
  vertical-align: middle;
}