/* 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;
  }
}