/**
 * FORÇAGE FINAL PALETTE MARRON - BLOG
 * Date: 17 Avril 2026
 * Version: 12.0 FINAL
 * 
 * ❌ SUPPRIME TOUTES LES COULEURS TROPICALES (#FFD700, #FF8C42, #00C9A7, #0084FF)
 * ✅ REMPLACE PAR PALETTE MARRON CHOCOLAT
 */

/* ============================================
   PALETTE MARRON CHOCOLAT - BLOG ARTICLES
   ============================================ */

:root {
    --marron-chocolat: #5D4E37;
    --beige-elegant: #F5F0E8;
    --taupe: #8B7D6B;
    --caramel: #C9A961;
    --blanc-creme: #FFFEF9;
    --noir: #1a1a1a;
}

/* ============================================
   TITRES & EN-TÊTES - FORCER MARRON
   ============================================ */

/* H2 des articles */
.article-content h2,
article h2,
h2[style*="color: #FFD700"],
h2[style*="color:#FFD700"] {
    color: var(--marron-chocolat) !important;
}

/* Titre principal article avec gradient MARRON */
.article-title[style*="gradient"],
h1.article-title[style*="linear-gradient"],
h1[style*="linear-gradient(135deg, #FFD700"] {
    background: linear-gradient(135deg, var(--marron-chocolat) 0%, var(--taupe) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ============================================
   LIENS & NAVIGATION - FORCER CARAMEL
   ============================================ */

/* Lien "Retour au blog" */
.back-link,
a.back-link,
a[href*="blog.html"][style*="color: #FFD700"],
a[href*="blog.html"][style*="#FFD700"] {
    color: var(--caramel) !important;
}

/* Lien "Mentions Légales & CGV" */
a[href*="cgv-mentions-legales.html"][style*="#00C9A7"],
a[href*="cgv-mentions-legales.html"] {
    color: var(--caramel) !important;
}

/* ============================================
   BOUTONS CTA - GRADIENT MARRON/CARAMEL
   ============================================ */

/* Boutons CTA principaux */
.cta-button-large,
a.cta-button-large,
a[style*="linear-gradient(135deg, #FFD700 0%, #FF8C42 100%)"],
a[href*="contact.html"][style*="gradient"] {
    background: linear-gradient(135deg, var(--caramel) 0%, var(--marron-chocolat) 100%) !important;
    color: var(--blanc-creme) !important;
    box-shadow: 0 4px 15px rgba(93, 78, 55, 0.3) !important;
}

.cta-button-large:hover,
a.cta-button-large:hover {
    background: linear-gradient(135deg, var(--marron-chocolat) 0%, var(--taupe) 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(93, 78, 55, 0.4) !important;
}

/* ============================================
   BORDERS & SÉPARATEURS - FORCER CARAMEL
   ============================================ */

/* Bordures supérieures */
div[style*="border-top"][style*="#FFD700"],
div[style*="border-top: 1px solid rgba(255, 215, 0, 0.3)"] {
    border-top-color: rgba(201, 169, 97, 0.3) !important;
}

/* ============================================
   SHADOWS & GLOW - ADAPTER AU MARRON
   ============================================ */

/* Box shadows des boutons */
a[style*="box-shadow"][style*="rgba(255, 215, 0"],
button[style*="box-shadow"][style*="rgba(255, 215, 0"] {
    box-shadow: 0 4px 15px rgba(93, 78, 55, 0.3) !important;
}

/* ============================================
   RESET COMPLET DES COULEURS TROPICALES
   ============================================ */

/* Supprimer toute trace de #FFD700, #FF8C42, #00C9A7, #0084FF */
*[style*="#FFD700"],
*[style*="#FF8C42"],
*[style*="#00C9A7"],
*[style*="#0084FF"],
*[style*="rgb(255, 215, 0)"],
*[style*="rgb(0, 201, 167)"],
*[style*="rgb(0, 132, 255)"] {
    /* Ces couleurs sont écrasées par les règles ci-dessus */
}

/* ============================================
   TEXTE & TYPOGRAPHIE - ASSURER LISIBILITÉ
   ============================================ */

/* Texte principal articles */
.article-content p,
article p {
    color: var(--blanc-creme) !important;
}

/* Citations et sources */
.source-reference,
.sources p,
p.source-reference {
    color: var(--taupe) !important;
}

/* ============================================
   RESPONSIVE - MOBILE FIRST
   ============================================ */

@media (max-width: 768px) {
    .article-title[style*="gradient"] {
        font-size: 2.5rem !important;
    }
    
    .cta-button-large {
        font-size: 1rem !important;
        padding: 1rem 2rem !important;
    }
}

/* ============================================
   FIN DU FORÇAGE MARRON - BLOG
   ============================================ */