/* ==========================================================================
   Hero Background Slider - Page d'accueil
   ========================================================================== */

.hero-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.hero-slider-container .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.hero-slider-container .slide.active {
    opacity: 1;
}

/* Dégradé par-dessus le slider (comme votre config Divi actuelle) */
.hero-slider-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(41, 2, 0, 0) 80%, #290200 100%);
    z-index: 1;
    pointer-events: none;
}

/* S'assurer que le contenu de la section reste au-dessus du slider */
.hero-section-home .et_pb_row {
    position: relative;
    z-index: 2;
}