/*
 * Transition du contenu du hero Eltéor.
 */
.elteor-hero-slider .elteor-hero-title,
.elteor-hero-slider .elteor-hero-dynamic-title,
.elteor-hero-slider .elteor-hero-text {
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/*
 * Petit fondu lors du changement de slide.
 */
.elteor-hero-slider.elteor-hero-changing .elteor-hero-title,
.elteor-hero-slider.elteor-hero-changing .elteor-hero-dynamic-title,
.elteor-hero-slider.elteor-hero-changing .elteor-hero-text {
    opacity: 0;
    transform: translateY(5px);
}

/*
 * Permet d'alterner entre le H1 SEO fixe
 * et le titre visuel dynamique.
 */
.elteor-hero-slider .elteor-title-hidden {
    display: none;
}

.elteor-hero-slider .elteor-hero-dynamic-title .elementor-heading-title {
    font-family: Manrope, sans-serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 48.3px !important;
    letter-spacing: 0.5px !important;
}

/*
 * Le titre dynamique est masqué AVANT même l'initialisation du JS.
 */
.elteor-hero-slider .elteor-hero-dynamic-title {
    display: none;
}

/*
 * Il ne peut apparaître qu'une fois le slider initialisé,
 * et uniquement lorsqu'il n'est pas marqué comme masqué.
 */
.elteor-hero-slider.elteor-slider-ready
.elteor-hero-dynamic-title:not(.elteor-title-hidden) {
    display: block;
}


/*
 * =========================================================
 * CADRAGE MOBILE DES IMAGES DU DIAPORAMA
 * =========================================================
 */

@media (max-width: 767px) {

    /*
     * Base commune.
     * Elementor reste réglé sur Cover / Recouvrir.
     */
    .elteor-hero-slider
    .elementor-background-slideshow__slide__image {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position-y: center !important;
    }

    /*
     * Slide 1 — Cliente recevant son colis.
     */
    .elteor-hero-slider
    .swiper-slide[data-swiper-slide-index="0"]
    .elementor-background-slideshow__slide__image {
        background-position: 68% center !important;
    }

    /*
     * Slide 2 — Cliente donnant son avis sur smartphone.
     */
    .elteor-hero-slider
    .swiper-slide[data-swiper-slide-index="1"]
    .elementor-background-slideshow__slide__image {
        background-position: 48% center !important;
    }

    /*
     * Slide 3 — Préparation d'une commande.
     */
    .elteor-hero-slider
    .swiper-slide[data-swiper-slide-index="2"]
    .elementor-background-slideshow__slide__image {
        background-position: 76% center !important;
    }

    /*
     * Slide 4 — Client heureux avec son produit.
     */
    .elteor-hero-slider
    .swiper-slide[data-swiper-slide-index="3"]
    .elementor-background-slideshow__slide__image {
        background-position: 72% center !important;
    }

    /*
     * Slide 5 — Relation commerçant / cliente.
     */
    .elteor-hero-slider
    .swiper-slide[data-swiper-slide-index="4"]
    .elementor-background-slideshow__slide__image {
        background-position: 94% center !important;
    }
}