/* ===================================================================
   🚫 SUPPRESSION ULTIME DES COULEURS TROPICALES
   ================================================================
   Date : 20 Mars 2026
   Version : 11.0 - Éradication complète du tropical (site + blog + tunnel)
   
   Ce fichier force le remplacement de TOUTES les couleurs tropicales
   restantes dans les styles inline et les classes CSS.
=================================================================== */

/* ============================================
   FORÇAGE GLOBAL - REMPLACEMENT INLINE STYLES
   ============================================ */

/* Remplacer tous les dégradés or/orange (#FFD700/#FF8C42) par marron/caramel */
[style*="#FFD700"],
[style*="linear-gradient"][style*="FFD700"] {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    color: #C9A961 !important;
    border-color: #C9A961 !important;
}

/* Remplacer tous les liens verts turquoise (#00C9A7) par marron */
a[style*="#00C9A7"] {
    color: #5D4E37 !important;
}

/* Remplacer tous les textes or (#FFD700) par caramel */
[style*="color: #FFD700"],
[style*="color:#FFD700"] {
    color: #C9A961 !important;
}

/* Remplacer toutes les bordures or (#FFD700) par caramel */
[style*="border"][style*="#FFD700"],
[style*="border-left"][style*="#FFD700"],
[style*="border-color"][style*="#FFD700"] {
    border-color: #C9A961 !important;
}

/* Remplacer tous les backgrounds or/orange par marron/caramel */
[style*="background"][style*="#FFD700"],
[style*="background"][style*="#FF8C42"],
[style*="background"][style*="#FFA500"] {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
}

/* ============================================
   BLOG - TITRES ET LIENS
   ============================================ */

/* Titres des cartes blog */
.blog-card-title {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Liens "Lire l'article" */
.blog-read-more,
a.blog-read-more {
    color: #C9A961 !important;
}

.blog-read-more:hover {
    color: #5D4E37 !important;
}

/* Lien retour blog */
.back-link,
a.back-link {
    color: #C9A961 !important;
}

/* ============================================
   ARTICLES BLOG - H2 ET ÉLÉMENTS
   ============================================ */

/* Tous les H2 des articles */
.article-content h2,
article h2 {
    color: #5D4E37 !important;
}

/* Quote-box */
.quote-box {
    background: rgba(201, 169, 97, 0.1) !important;
    border-left: 4px solid #C9A961 !important;
}

.quote-box p {
    color: #C9A961 !important;
}

/* Highlight-box */
.highlight-box {
    background: linear-gradient(135deg, rgba(93, 78, 55, 0.15), rgba(201, 169, 97, 0.15)) !important;
    border: 2px solid #C9A961 !important;
    box-shadow: 0 10px 30px rgba(201, 169, 97, 0.2) !important;
}

.highlight-box h3 {
    color: #5D4E37 !important;
}

/* Images de profil dans les articles */
img[style*="#FFD700"] {
    border-color: #C9A961 !important;
}

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

/* Tous les gros boutons CTA */
.cta-button-large,
a.cta-button-large {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    color: #FFFEF9 !important;
    box-shadow: 0 4px 15px rgba(93, 78, 55, 0.4) !important;
}

.cta-button-large:hover {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
    transform: translateY(-2px) !important;
}

/* ============================================
   INDEX - SECTIONS SPÉCIFIQUES
   ============================================ */

/* Section "Nos Offres" H2 */
#formules h2,
section[id*="formule"] h2,
section[id*="pricing"] h2 {
    color: #5D4E37 !important;
}

/* Stats numbers */
.stat-number {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ============================================
   FOOTER - MENTIONS LÉGALES
   ============================================ */

/* Lien "Mentions Légales & CGV" */
footer a[href*="cgv"],
footer a[href*="mentions"],
a[href*="cgv-mentions-legales.html"] {
    color: #C9A961 !important;
}

footer a[href*="cgv"]:hover,
a[href*="cgv-mentions-legales.html"]:hover {
    color: #FFFEF9 !important;
}

/* ============================================
   TUNNEL DE VENTE - PAGES 1-4
   ============================================ */

/* Page 1 - Capture */
.tunnel-page-1 .header,
.tunnel-page-1 body {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-1 .submit-btn {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
}

.tunnel-page-1 input:focus {
    border-color: #C9A961 !important;
}

/* Page 2 - Vente */
.tunnel-page-2 body {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-2 .popular-badge {
    background: #C9A961 !important;
    border: 3px solid #C9A961 !important;
}

.tunnel-page-2 .check {
    color: #5D4E37 !important;
}

.tunnel-page-2 .cta-button {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
}

.tunnel-page-2 .cta-secondary {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
}

/* Page 3 - Paiement */
.tunnel-page-3 body {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-3 .header {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-3 .payment-option input:checked + label {
    border-color: #C9A961 !important;
}

.tunnel-page-3 .payment-option input:focus + label {
    border-color: #C9A961 !important;
}

.tunnel-page-3 .total-amount {
    color: #5D4E37 !important;
}

.tunnel-page-3 .confirm-button {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
}

/* Page 4 - Merci */
.tunnel-page-4 body {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-4 .header {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
}

.tunnel-page-4 .next-steps li::before {
    border-left: 4px solid #C9A961 !important;
}

.tunnel-page-4 .contact-icon {
    background: #5D4E37 !important;
}

.tunnel-page-4 .social-link {
    background: #8B7D6B !important;
}

.tunnel-page-4 .home-button {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
}

/* ============================================
   FORÇAGE ULTRA-AGRESSIF (DERNIER RECOURS)
   ============================================ */

/* Supprimer TOUS les dégradés turquoise/bleu */
* {
    /* Empêcher les anciens styles tropicaux de s'appliquer */
}

*[style*="00C9A7"],
*[style*="0084FF"],
*[style*="00A389"],
*[style*="FFD700"],
*[style*="FF8C42"],
*[style*="FFA500"] {
    /* Force la réinitialisation */
    background-image: none !important;
}

/* Réappliquer les bons dégradés */
.gradient-text,
.hero-title.gradient-text {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}