/* Fix pour contrôler la hauteur du slider Slick avec images portrait/paysage */

.properties-slider-section .slider-for {
    height: 500px; /* Hauteur fixe optimisée */
    overflow: hidden;
}

.properties-slider-section .slider-for .slick-list {
    height: 500px !important;
}

.properties-slider-section .slider-for .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 500px !important;
    padding: 20px;
    box-sizing: border-box;
}

.properties-slider-section .slider-for .slick-slide img {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}

/* Ajustements pour mobile */
@media (max-width: 768px) {
    .properties-slider-section .slider-for {
        height: 480px;
    }

    .properties-slider-section .slider-for .slick-list {
        height: 480px !important;
    }

    .properties-slider-section .slider-for .slick-slide {
        height: 480px !important;
        padding: 15px;
    }

    .properties-slider-section .slider-for .slick-slide img {
        max-width: calc(100% - 30px);
        max-height: calc(100% - 30px);
    }
}

/* Pour les très petits écrans */
@media (max-width: 480px) {
    .properties-slider-section .slider-for {
        height: 440px;
    }

    .properties-slider-section .slider-for .slick-list {
        height: 440px !important;
    }

    .properties-slider-section .slider-for .slick-slide {
        height: 440px !important;
        padding: 10px;
    }

    .properties-slider-section .slider-for .slick-slide img {
        max-width: calc(100% - 20px);
        max-height: calc(100% - 20px);
    }
}