/* ===== IMAGES UNIFORMES POUR SITE ÉGLISE ===== */

/* Image principale du hero */
.col-lg-6 img.img-fluid {
    width: 100%;
    max-width: 500px;
    height: 400px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Image de la section mission */
.col-md-6 img.img-fluid {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Images de la composition (section vision) */
.composition-7-inner img {
    width: 100%;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 10px;
}

/* Image spécifique pour chaque position de la composition */
.composition-7-image-1 .composition-7-inner img {
    height: 200px !important;
}

.composition-7-image-2 .composition-7-inner img {
    height: 300px !important;
}

.composition-7-image-3 .composition-7-inner img {
    height: 250px !important;
}

.composition-7-image-4 .composition-7-inner img {
    height: 280px !important;
}

/* Photos de profil des témoignages */
.testimonials-3-author-img img {
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 2px solid #dbeafe;
}

/* Toutes les autres images du site */
img:not(.logo):not(.logo-light) {
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Effet hover sur les images */
img:not(.logo):not(.logo-light):hover {
    transform: scale(1.02);
}

/* ===== RESPONSIVE POUR LES IMAGES ===== */

/* Mobile */
@media (max-width: 768px) {
    .col-lg-6 img.img-fluid {
        height: 300px;
        max-width: 100%;
    }
    
    .col-md-6 img.img-fluid {
        height: 250px;
        margin-bottom: 30px;
    }
    
    .composition-7-inner img {
        height: 180px !important;
    }
    
    .composition-7-image-1 .composition-7-inner img,
    .composition-7-image-2 .composition-7-inner img,
    .composition-7-image-3 .composition-7-inner img,
    .composition-7-image-4 .composition-7-inner img {
        height: 180px !important;
    }
}

/* Très petits écrans */
@media (max-width: 576px) {
    .col-lg-6 img.img-fluid {
        height: 250px;
    }
    
    .col-md-6 img.img-fluid {
        height: 200px;
    }
    
    .composition-7-inner img {
        height: 150px !important;
    }
    
    .composition-7-image-1 .composition-7-inner img,
    .composition-7-image-2 .composition-7-inner img,
    .composition-7-image-3 .composition-7-inner img,
    .composition-7-image-4 .composition-7-inner img {
        height: 150px !important;
    }
}

/* ===== UNIFORMISATION GÉNÉRALE ===== */

/* Container pour maintenir les proportions */
.image-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

/* Style pour les nouvelles images uploadées */
.uploaded-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* ===== CORRECTION DU TEXTE BLANC ===== */

/* Section À propos - forcer le texte en noir */
#about.light-content .section-title,
#about.light-content .section-descr {
    color: #0C1325 !important;
}

/* Toutes les sections avec light-content sur bg blanc */
.bg-dark-1.light-content .section-title,
.bg-dark-1.light-content .section-descr,
.bg-dark-1.light-content p,
.bg-dark-1.light-content h1,
.bg-dark-1.light-content h2,
.bg-dark-1.light-content h3 {
    color: #0C1325 !important;
}

/* Section Vision - texte lisible */
.bg-gradient-gray-dark-2.light-content .section-title,
.bg-gradient-gray-dark-2.light-content .section-caption-gradient,
.bg-gradient-gray-dark-2.light-content p {
    color: #0C1325 !important;
}

/* ===== SECTION TÉMOIGNAGES - STYLE ROSE CLAIR ===== */

/* Fond de la section témoignages */
.page-section.bg-white.light-content {
    background: #ffffff !important;
}

/* Cartes de témoignages - FOND ROSE CLAIR et PLUS GRANDES */
.testimonials-3-item.testimonials-grad {
    background: #fce7f3 !important; /* Rose clair au lieu du fond sombre */
    border: 1px solid #f3e8ff !important;
    border-radius: 15px !important;
    padding: 40px !important; /* Plus de padding */
    margin: 0 8px !important; /* Moins d'espace entre les boîtes */
    box-shadow: 0 5px 15px rgba(236, 72, 153, 0.1) !important;
    transition: all 0.3s ease !important;
    min-height: 250px !important; /* Hauteur minimum plus grande */
    width: calc(100% - 16px) !important; /* Largeur maximale */
}

.testimonials-3-item.testimonials-grad:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(236, 72, 153, 0.15) !important;
    background: #fdf2f8 !important; /* Rose encore plus clair au hover */
}

/* Supprimer l'icône des témoignages */
.testimonials-3-icon {
    display: none !important;
}

/* Texte du témoignage - NOIR sur fond rose clair */
.testimonials-3-text p {
    color: #1f2937 !important; /* Texte noir/gris foncé */
    font-size: 1.2rem !important; /* Plus grand */
    line-height: 1.6 !important;
    font-style: italic !important;
    margin-bottom: 25px !important;
    text-align: center !important;
}

/* Style de l'auteur sans photo */
.testimonials-3-author {
    border-top: 1px solid #f3e8ff !important;
    padding-top: 20px !important;
    text-align: center !important;
}

/* Supprimer la photo de profil */
.testimonials-3-author-img {
    display: none !important;
}

/* Style du nom de l'auteur - CADRE BLANC pour USERNAME */
.testimonials-3-author .overflow-hidden {
    float: none !important;
    text-align: center !important;
    color: #ffffff !important; /* Texte blanc */
    font-weight: 600 !important;
    font-size: 1rem !important;
    background: #d3bdde !important; /* Fond rose pour contraste */
    padding: 8px 20px !important; /* Padding pour le cadre */
    border-radius: 20px !important; /* Coins arrondis */
    display: inline-block !important; /* Pour que le cadre s'adapte au contenu */
    margin-top: 10px !important;
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3) !important;
    border: 2px solid #ffffff !important; /* Bordure blanche */
}

.testimonials-3-author .small {
    display: none !important; /* Supprimer le mot "Contact" */
}

/* Slider plus serré */
.testimonials-slider-3 {
    margin: 0 -8px !important; /* Réduire l'espace global */
}

/* Titres */
.section-caption-gradient {
    color: #edeced !important;
}

.section-title {
    color: #1f2937 !important;
}

/* Ligne décorative en rose */
.section-line-gradient {
    background: linear-gradient(90deg, #ffffff, #f472b6) !important;
}

/* Titres de la section témoignages */
.testimonials-title,
.section-caption-gradient {
    color: #ffffff !important;
}

.section-title {
    color: #374151 !important;
}

/* Ligne décorative en rose */
.section-line-gradient {
    background: linear-gradient(90deg, #ec4899, #f472b6) !important;
}

/* Flèches de navigation du slider */
.slider-gradient .slick-arrow {
    background: #fcfcfc !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
}

.slider-gradient .slick-arrow:hover {
    background: #ededed !important;
    transform: scale(1.1) !important;
}

/* Points de navigation */
.slider-gradient .slick-dots li button {
    background: #ffffff !important;
    border-radius: 50% !important;
}

.slider-gradient .slick-dots li.slick-active button {
    background: #ffffff !important;
}