/* =====================================================
   GLOBAL PROS SOLUTIONS - CONTRASTE FINAL UNIFIÉ
   Correction audit : standardisation TOTALE contrastes
   WCAG AAA garanti partout
   ===================================================== */

/* =====================================================
   RÈGLE ABSOLUE : 2 configurations SEULEMENT
   ===================================================== */

/* Configuration 1 : FOND CLAIR → TEXTE NOIR */
.section-light,
.section-dark-premium,
.section-truly-dark,
.stats-section {
    background: linear-gradient(135deg, #F0F4F8 0%, #E3F2FD 100%) !important;
    color: #1A1A1A !important;
}

/* Configuration 2 : FOND SOMBRE → TEXTE BLANC (hero uniquement) */
.hero,
.hero-animated {
    background: var(--gradient-dark) !important;
    color: #FFFFFF !important;
}

/* =====================================================
   TITRES - Standardisation complète
   ===================================================== */

/* Titres sur fond CLAIR */
.section-title,
.section-title-light,
.section-title-on-dark,
h2 {
    color: #1A1A1A !important;
}

/* Sous-titres sur fond CLAIR */
.section-subtitle,
.section-subtitle-light,
.section-subtitle-on-dark,
.section-intro {
    color: #2D2D2D !important;
}

/* Titres sur fond SOMBRE (hero uniquement) */
.hero h1,
.hero .hero-subtitle {
    color: #FFFFFF !important;
}

/* =====================================================
   CARTES - Fond blanc opaque + texte noir
   ===================================================== */

.pillar-card-premium,
.offer-card-premium,
.client-card-premium,
.stat-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid rgba(0, 51, 102, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 51, 102, 0.08) !important;
}

/* Textes dans cartes - NOIR */
.pillar-card-premium h3,
.pillar-card-premium p,
.offer-card-premium h3,
.offer-card-premium p,
.client-card-premium h3,
.client-card-premium p,
.pillar-title-premium,
.pillar-description-premium,
.offer-title,
.offer-tagline,
.offer-description,
.feature-check,
.offer-feature {
    color: #1A1A1A !important;
}

/* Descriptions - GRIS FONCÉ */
.pillar-description-premium,
.offer-description,
.client-card-premium p {
    color: #2D2D2D !important;
}

/* =====================================================
   STATS - Chiffres et labels noirs
   ===================================================== */

.stat-number {
    color: #1A1A1A !important;
    text-shadow: none !important;
}

.stat-label {
    color: #2D2D2D !important;
}

.stat-icon {
    filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2000%) hue-rotate(200deg) !important;
}

/* =====================================================
   LABELS / BADGES
   ===================================================== */

.section-label,
.section-label-light,
.section-label-on-dark {
    background: rgba(0, 51, 102, 0.1) !important;
    color: var(--primary) !important;
}

/* Badges featured - garder visibilité */
.offer-badge-featured,
.pillar-badge-featured {
    background: linear-gradient(135deg, #E65100, #FF8A50) !important;
    color: #FFFFFF !important;
}

/* =====================================================
   LISTES À PUCES
   ===================================================== */

.feature-list-premium li,
.offer-features .offer-feature,
.pillar-features .feature-check,
.client-criteria li {
    color: #2D2D2D !important;
}

.feature-check::before,
.offer-feature::before {
    color: #00C853 !important; /* Vert foncé visible sur blanc */
}

/* =====================================================
   ICÔNES - Bleu foncé sur fond clair
   ===================================================== */

.pillar-icon-premium,
.offer-icon-large img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2000%) hue-rotate(200deg) !important;
}

.pillar-icon-circle,
.offer-icon-large {
    background: rgba(0, 51, 102, 0.08) !important;
}

/* =====================================================
   NUMÉROS / CHIFFRES DÉCORATIFS
   ===================================================== */

.pillar-number {
    color: rgba(0, 51, 102, 0.1) !important;
}

/* =====================================================
   BOUTONS CTA
   ===================================================== */

.btn-primary,
.btn-offer,
.btn-cta-primary,
.btn-gradient {
    background: var(--gradient-primary) !important;
    color: #FFFFFF !important;
}

.btn-white {
    background: #FFFFFF !important;
    color: var(--primary) !important;
}

/* =====================================================
   SECTIONS SPÉCIFIQUES
   ===================================================== */

/* Page Clients - Cartes avec fond blanc */
.section-truly-dark .client-card-premium {
    background: rgba(255, 255, 255, 0.95) !important;
}

.section-truly-dark .client-examples > div {
    color: #1A1A1A !important;
}

/* Page Méthode - Étapes */
.section-truly-dark .step-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

/* Override pour textes dans étapes sur fond transparent */
.section-truly-dark h3[style*="color: var(--"] {
    color: var(--cyan) !important; /* Garder couleurs accent */
}

.section-truly-dark p[style*="color: rgba(255"] {
    color: rgba(255, 255, 255, 0.95) !important; /* Texte blanc sur fond transparent sombre */
}

/* =====================================================
   FOOTER - Fond sombre + texte blanc
   ===================================================== */

footer {
    background: var(--gradient-dark) !important;
    color: #FFFFFF !important;
}

footer h3,
footer p,
footer a {
    color: #FFFFFF !important;
}

footer a:hover {
    color: var(--secondary) !important;
}

/* =====================================================
   ACCESSIBILITÉ - Préférence réduite motion
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* =====================================================
   RESPONSIVE - Mobile
   ===================================================== */

@media (max-width: 768px) {
    /* Augmenter légèrement contrastes sur mobile */
    .section-subtitle,
    .pillar-description-premium,
    .offer-description {
        color: #1A1A1A !important; /* Plus foncé sur mobile */
    }
}