/* Bootstrap Carousel Manager - CSS Compatible Understrap */

/* Images : Conservation des proportions + vue complète */
.bcm-carousel-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Container responsive SANS FLEXBOX */
.bcm-carousel {
    overflow: hidden;
    width: 100%;
}

.bcm-carousel .carousel-inner {
    height: 100%;
}

/* SUPPRIMÉ display: flex qui cassait tout ! */
.bcm-carousel .carousel-item {
    height: 100%;
}

/* Responsive : Adaptation de la hauteur selon l'écran */
@media (max-width: 991px) and (min-width: 768px) {
    .bcm-carousel {
        height: 60vh !important;
        max-height: 500px;
        min-height: 300px;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .bcm-carousel {
        height: 50vh !important;
        max-height: 400px;
        min-height: 250px;
    }
    
    .bcm-carousel .carousel-caption h5 {
        font-size: 1.2rem;
    }
    
    .bcm-carousel .carousel-caption p {
        font-size: 0.9rem;
    }
}

@media (max-width: 575px) {
    .bcm-carousel {
        height: 40vh !important;
        max-height: 300px;
        min-height: 200px;
    }
    
    .bcm-carousel .carousel-caption h5 {
        font-size: 1rem;
    }
    
    .bcm-carousel .carousel-caption p {
        display: none;
    }
    
    .bcm-carousel .carousel-control-prev,
    .bcm-carousel .carousel-control-next {
        width: 40px;
    }
    
    .bcm-carousel .carousel-control-prev-icon,
    .bcm-carousel .carousel-control-next-icon {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    
    .bcm-carousel .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
        margin: 0 2px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .bcm-carousel {
        height: 70vh !important;
        max-height: 350px;
    }
}