/**
 * Styles personnalisés pour Revolution Slider
 * - Hauteur mobile : 70vh au lieu de 280px
 * - Filtre d'assombrissement : 20% sur les images
 */

/* Filtre d'assombrissement sur les images du slider (20%) */
.rev_slider_wrapper,
.rev_slider {
    position: relative;
}

.rev_slider_wrapper .tp-bgimg::before,
.rev_slider_wrapper .slotholder::before,
.rev_slider_wrapper .tp-revslider-mainul > li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none;
}

/* S'assurer que le contenu reste au-dessus de l'overlay */
.rev_slider_wrapper .tp-caption,
.rev_slider_wrapper .tp-mask-wrap {
    position: relative;
    z-index: 2;
}

/* Hauteur du slider en mobile (70vh) */
@media (max-width: 991px) {
    .rev_slider_wrapper,
    .rev_slider_wrapper .rev_slider {
        height: 70vh !important;
        min-height: 70vh !important;
        max-height: 70vh !important;
    }
    
    .rev_slider .tp-revslider-mainul > li {
        height: 70vh !important;
    }
    
    .rev_slider_wrapper .tp-fullwidth-forcer,
    .rev_slider_wrapper .slotholder {
        height: 70vh !important;
    }
    
    /* Cacher les flèches de navigation en mobile */
    .rev_slider_wrapper .tp-leftarrow,
    .rev_slider_wrapper .tp-rightarrow {
        display: none !important;
    }
}