/* ===== OPTIMISATION DE LA SECTION "EXCELLENCE ET FIABILITÉ" ===== */
/* Fichier dédié pour améliorer la lisibilité de la section featured */

/* Rendre l'image de fond plus pâle - SANS affecter le contenu */
.featured-section {
    position: relative !important;
}

.featured-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: inherit !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    filter: brightness(0.7) contrast(0.8) !important;
    z-index: 0 !important;
}

/* Améliorer l'overlay pour un meilleur contraste */
.featured-section .section-overlay {
    background: rgba(0, 0, 0, 0.6) !important; /* Plus sombre */
    z-index: 1 !important;
}

/* Améliorer la lisibilité du texte */
.featured-section h2,
.featured-section p,
.featured-section strong {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
}

/* S'assurer que le contenu est au-dessus de l'overlay */
.featured-section .container {
    position: relative !important;
    z-index: 3 !important;
}

/* S'assurer que tous les éléments de contenu sont au-dessus */
.featured-section h2,
.featured-section p,
.featured-section strong,
.featured-section .value-card {
    position: relative !important;
    z-index: 3 !important;
}

/* Titre principal avec fond sombre */
.featured-section h2 {
    background: rgba(0, 0, 0, 0.8) !important;
    padding: 15px 25px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

/* Cartes de valeurs */
.value-card {
    background: rgba(255, 255, 255, 0.95) !important; /* Fond plus clair */
    border: 2px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.value-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    border-color: #D4AF37 !important;
}

.value-card h5 {
    color: #000000 !important;
    text-shadow: none !important;
}

.value-card p {
    color: #333333 !important;
    text-shadow: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .featured-section h2 {
        padding: 12px 20px !important;
        font-size: 1.5rem !important;
    }
    
    .value-card {
        margin-bottom: 20px !important;
    }
}