/* Desktop: on n’affiche que la section historique */
.post-media--splide-mobile {
    display: none;
}

/* Mobile */
@media (max-width: 768px) {
    .post-media {
        display: none;
    }

    .post-media--splide-mobile {
        display: block;
    }

    .post-media--splide-mobile .splide__slide {
        display: flex;
        justify-content: start;
        align-items: start;
        height: fit-content;
        flex-direction: column;
    }

    .post-media--splide-mobile .video-poster {
        display: block;
        max-width: 95vw;
        max-height: calc(60vh - 2.8em);
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .post-media--splide-mobile img,
    .post-media--splide-mobile video,
    .post-media--splide-mobile iframe,
    .post-media--splide-mobile .video-poster {
        max-width: 95vw;
        max-height: 60vh;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
    }

    .post-media--splide-mobile video,
    .post-media--splide-mobile iframe {
        width: 95vw;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .splide__video {
        top: 2.6em !important;
        height: calc(100% - 2.6em) !important;
    }

    .splide__video__wrapper {
        background: var(--background) !important;
    }

    #post-splide {
        position: relative;
    }

    .splide__track {
        height: 60vh;
    }

    #post-splide .splide__list>.splide__slide:last-child {
        width: 95vw !important;
    }


    #post-splide .splide__fraction {
        position: absolute;
        z-index: 2;
        pointer-events: none;
        top: 0;
        right: 0;
        padding: var(--medium-marge) var(--big-marge);
        font-size: var(--fontsize-small);
        line-height: 1;
    }

    /* Légendes au-dessus dans le carrousel */
    .media-caption-mobile {
        font-size: var(--fontsize-small);
        position: relative;
        top: 0em;
        bottom: unset;
        z-index: 40;
        opacity: 1;
        padding: var(--medium-marge) var(--big-marge);
        max-width: 85vw;
        color: var(--background);
        height: 2.8em;
        overflow: hidden;
        margin-bottom: 0.4em;
    }

    .splide__slide.is-active .media-caption-mobile {
        color: var(--primary);
    }

}