/* Slider Responsive - Adaptation de la hauteur selon la taille d'écran */

/*
   Par défaut, le slider utilise slider-halfscreen (50vh)
   On va créer des règles pour limiter la hauteur sur grands écrans
   et augmenter sur petits écrans
*/

/* Très grands écrans (27 pouces et +) - 2560px et plus */
@media (min-width: 2560px) {
    #slider.inspiro-slider {
        min-height: 600px !important;
        max-height: 700px !important;
    }
}

/* Grands écrans (24-27 pouces) - 1920px à 2559px */
@media (min-width: 1920px) and (max-width: 2559px) {
    #slider.inspiro-slider {
        min-height: 550px !important;
        max-height: 650px !important;
    }
}

/* Écrans standards (15-24 pouces) - 1440px à 1919px */
@media (min-width: 1440px) and (max-width: 1919px) {
    #slider.inspiro-slider {
        min-height: 500px !important;
        max-height: 600px !important;
    }
}

/* Écrans moyens/petits laptops (13-15 pouces) - 1024px à 1439px */
@media (min-width: 1024px) and (max-width: 1439px) {
    #slider.inspiro-slider {
        min-height: 450px !important;
        max-height: 550px !important;
    }
}



/*
   Si vous voulez ajuster finement, modifiez les valeurs ci-dessus :
   - min-height : hauteur minimale du slider
   - max-height : hauteur maximale du slider

   Exemple pour votre 14 pouces (généralement 1920x1080) :
   Trouvez la section correspondante et augmentez les valeurs

   Exemple pour votre 27 pouces (généralement 2560x1440) :
   Trouvez la section correspondante et diminuez les valeurs
*/


/* Assure que le contenu reste bien centré verticalement */
#slider .slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ajustement des captions pour qu'elles restent bien positionnées */
#slider .slide-captions {
    width: 100%;
}