/* =====================================================
   CORRECTIFS - TOUTES LES SECTIONS EN FOND CLAIR
   (approche.html, offres.html, methode.html, public.html, references.html)
   ===================================================== */

/* Section avec fond CLAIR (appliqué partout) */
.section-truly-dark {
    background: linear-gradient(135deg, #F0F4F8 0%, #E3F2FD 100%) !important;  /* Fond CLAIR bleu pâle */
    padding: var(--space-2xl) var(--space-md);
    position: relative;
    overflow: hidden;
}

.section-truly-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(0, 51, 102, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(0, 71, 171, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

/* Titres pour sections CLAIRES */
.section-title-on-dark {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1A1A1A !important;  /* NOIR sur fond clair */
    margin-bottom: var(--space-md);
}

.section-subtitle-on-dark {
    font-size: 1.125rem;
    color: #2D2D2D !important;  /* GRIS FONCÉ sur fond clair */
    max-width: 700px;
    margin: 0 auto;
}

.section-label-on-dark {
    background: rgba(0, 51, 102, 0.1);
    color: var(--primary) !important;  /* Bleu foncé sur fond clair */
}

/* Stats Section - Correction pour references.html (fond clair) */
.stats-section {
    background: linear-gradient(135deg, #F0F4F8 0%, #E3F2FD 100%) !important;  /* Fond CLAIR au lieu de gradient-primary */
}

.stats-section .stat-number {
    color: #1A1A1A !important;  /* NOIR sur fond clair */
    text-shadow: none;
}

.stats-section .stat-label {
    color: #2D2D2D !important;  /* GRIS FONCÉ sur fond clair */
}

.stats-section .stat-icon {
    filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2000%) hue-rotate(200deg);  /* Icônes en bleu foncé */
}

/* Cartes clients sur public.html - Textes NOIRS sur cartes à fond clair */
.section-truly-dark .client-card-premium h3 {
    color: #1A1A1A !important;  /* Titres en NOIR */
}

.section-truly-dark .client-card-premium p {
    color: #2D2D2D !important;  /* Paragraphes en GRIS FONCÉ */
}

.section-truly-dark .client-criteria h4 {
    color: #1A1A1A !important;  /* Sous-titres en NOIR */
}

.section-truly-dark .client-criteria li {
    color: #2D2D2D !important;  /* Listes en GRIS FONCÉ */
}

.section-truly-dark .client-examples > div:first-child {
    color: #666666 !important;  /* Labels en gris moyen */
}

.section-truly-dark .client-examples > div:last-child {
    color: #1A1A1A !important;  /* Noms clients en NOIR */
}

.section-truly-dark .featured-badge {
    /* Badge reste lisible (déjà blanc sur orange) */
}

/* =====================================================
   OVERRIDE : approche.html et offres.html gardent fond CLAIR
   ===================================================== */

/* Forcer le fond CLAIR pour section-dark-premium sur approche.html et offres.html */
.section-dark-premium {
    background: linear-gradient(135deg, #F0F4F8 0%, #E3F2FD 100%) !important;  /* Fond CLAIR bleu pâle */
}

.section-dark-premium .section-title-light {
    color: #1A1A1A !important;  /* NOIR sur fond clair */
}

.section-dark-premium .section-subtitle-light {
    color: #2D2D2D !important;  /* GRIS FONCÉ sur fond clair */
}

.section-dark-premium .section-label-light {
    background: rgba(0, 51, 102, 0.1) !important;
    color: var(--primary) !important;  /* Bleu foncé sur fond clair */
}