/**
 * Single Update Gallery Slider - Fixed Height
 * Ensures all images have the same height in the slider
 */

#updateGallerySlider .carousel-item {
    height: 500px; /* Fixed height */
    overflow: hidden;
}

#updateGallerySlider .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crop to fit without distortion */
    object-position: center; /* Center the image */
}

/* Responsive heights */
@media (max-width: 991px) {
    #updateGallerySlider .carousel-item {
        height: 400px;
    }
}

@media (max-width: 767px) {
    #updateGallerySlider .carousel-item {
        height: 300px;
    }
}

@media (max-width: 575px) {
    #updateGallerySlider .carousel-item {
        height: 250px;
    }
}

/* Ensure controls are visible on fixed height carousel */
#updateGallerySlider .carousel-control-prev,
#updateGallerySlider .carousel-control-next {
    z-index: 15;
}

/* Style indicators for better visibility */
#updateGallerySlider .carousel-indicators {
    z-index: 15;
    margin-bottom: 1rem;
}

#updateGallerySlider .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

#updateGallerySlider .carousel-indicators button.active {
    background-color: #fff;
}
