/**
 * Corrections d'urgence pour le carousel
 */

/* Force la visibilité des images */
.carousel-item {
    height: 100vh !important;
    min-height: 600px !important;
    position: relative !important;
    overflow: hidden !important;
}

.carousel-item .zoom-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
}

.carousel-item .gradient-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) !important;
}

.carousel-caption {
    z-index: 2 !important;
    position: relative !important;
}

/* Assurer que le container a la bonne hauteur */
#carouselId, 
.carousel-modern, 
.carousel-inner,
.carousel-header {
    height: 100vh !important;
    min-height: 600px !important;
}

/* Pour corriger la vue sur mobile */
@media (max-width: 768px) {
    .carousel-item,
    #carouselId, 
    .carousel-modern, 
    .carousel-inner,
    .carousel-header {
        height: 80vh !important;
        min-height: 400px !important;
    }
}

/* Correction des effets de couleur pour le carousel */

/* Suppression du gradient vert */
.gradient-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) !important;
}

/* Correction des textes */
.ministry-carousel .ministry-content,
.ministry-carousel .ministry-title,
.ministry-carousel .ministry-desc {
    color: #ffffff !important;
}

/* Correction de l'overlay */
.ministry-carousel .ministry-overlay {
    background: linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.5) 100%
    ) !important;
}

/* Correction des boutons et indicateurs */
.ministry-control:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* Correction des indicateurs */
.ministry-indicators button {
    background: rgba(255, 255, 255, 0.5) !important;
}

.ministry-indicators button.active {
    background: #ffffff !important;
}

/* Correction de la catégorie */
.ministry-carousel .ministry-category {
    background-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

/* Suppression des effets de couleur verte sur les images */
.ministry-carousel .ministry-img {
    filter: none !important;
}