/* ============================================
   DESIGN PLUS CLAIR - VERSION 2.4
   Éclaircissement global basé sur retours visiteurs
   ============================================ */

/* === SECTIONS PRINCIPALES : FOND BLANC === */
body {
    background: #FFFFFF !important;
}

main {
    background: #FFFFFF !important;
}

section {
    background: #FFFFFF !important;
}

/* === EXCEPTIONS : FONDS STRATÉGIQUES === */

/* Hero : Garder dégradé clair */
.hero,
.hero-animated {
    background: linear-gradient(135deg, #F0F4F8 0%, #E3F2FD 100%) !important;
}

/* Footer : Garder dégradé bleu/violet clair */
footer {
    /* Déjà en inline style : linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%) */
}

/* CTA Sections : Garder dégradés légers */
.cta-final-premium,
[class*="cta-"] {
    /* Conserver les dégradés définis */
}

/* === CARTES ET CONTENEURS : FOND TRÈS CLAIR === */
.card-premium,
.visual-card-premium {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
}

.card-premium:hover,
.visual-card-premium:hover {
    background: #F9FAFB !important;
    box-shadow: 0 10px 40px rgba(0, 71, 171, 0.08) !important;
}

/* === RESPIRATION VISUELLE : ESPACEMENTS === */
section {
    padding: 5rem 2rem !important;
    margin-bottom: 2rem !important;
}

.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-title {
    margin-bottom: 4rem !important;
}

/* === TEXTES : CONTRASTE OPTIMISÉ === */
h1, h2, h3, h4, h5, h6 {
    color: #1F2937 !important;
}

p, li {
    color: #4B5563 !important;
    line-height: 1.8 !important;
}

/* === GRILLES : ESPACEMENT AMÉLIORÉ === */
.cards-grid,
.visual-grid {
    gap: 3rem !important;
    margin-top: 3rem !important;
}

/* === MOBILE : ESPACEMENT RÉDUIT === */
@media (max-width: 768px) {
    section {
        padding: 3rem 1.5rem !important;
    }
    
    .section-title {
        margin-bottom: 2rem !important;
    }
    
    .cards-grid,
    .visual-grid {
        gap: 2rem !important;
    }
}

/* === LOGOS CLIENTS : FOND BLANC === */
.client-logo-container {
    background: #FFFFFF !important;
    padding: 2rem !important;
    border: 1px solid #E5E7EB !important;
}

/* === TÉMOIGNAGES : FOND TRÈS CLAIR === */
.testimonial-card {
    background: #F9FAFB !important;
    border-left: 4px solid #0047AB !important;
}

/* === FORMULAIRE : FOND BLANC === */
form,
.contact-form {
    background: #FFFFFF !important;
}

input, textarea, select {
    background: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #0047AB !important;
    box-shadow: 0 0 0 3px rgba(0, 71, 171, 0.1) !important;
}

/* === STATS : FOND BLANC === */
.stats-container {
    background: #FFFFFF !important;
}

.stat-item {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
}

/* === ENCARTS SPÉCIAUX : DÉGRADÉ TRÈS LÉGER === */
.highlight-section {
    background: linear-gradient(135deg, #F0F9FF 0%, #F0F4F8 100%) !important;
}

/* === OVERRIDE DES FONDS FONCÉS === */
[style*="background: var(--gradient-dark)"],
[style*="background: var(--gradient-primary)"] {
    background: #FFFFFF !important;
}

[style*="color: white"] h2,
[style*="color: white"] h3 {
    color: #1F2937 !important;
}