/* ===================================================================
   🔥 FORÇAGE ULTIME - INSTAGRAM & TIKTOK EN DORÉ
   ================================================================
   Version : 12.7.2
   Date : 17 Avril 2026
   
   BUT : FORCER Instagram et TikTok en DORÉ (#C9A961) - TEXTE + LOGO
         SUPPRIMER ABSOLUMENT TOUTE COULEUR VERTE
=================================================================== */

/* ===================================================================
   🔥 SUPPRESSION GLOBALE DU VERT - PRIORITÉ ABSOLUE
=================================================================== */

/* SUPPRIMER TOUTE COULEUR VERTE PARTOUT */
* {
    --primary-color: #C9A961 !important;
    --accent-color: #C9A961 !important;
}

/* Forcer TOUS les éléments qui ont du vert à devenir dorés */
*[style*="#00C9A7"],
*[style*="rgb(0,201,167)"],
*[style*="#00A389"],
*[class*="green"],
*[class*="turquoise"],
*[class*="teal"] {
    color: #C9A961 !important;
    fill: #C9A961 !important;
    background-color: transparent !important;
    border-color: #C9A961 !important;
}

/* ===================================================================
   🔥 INSTAGRAM - TEXTE ET LOGO EN DORÉ
=================================================================== */

/* FORCER LE TEXTE "Instagram" en doré */
a[href*="instagram"],
a[href*="Instagram"],
a[href*="INSTAGRAM"],
.social-links-contact a[href*="instagram"],
.social-links a[href*="instagram"],
.contact-info-card a[href*="instagram"] {
    color: #C9A961 !important; /* DORÉ CARAMEL TEXTE */
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* FORCER TOUS les éléments à l'intérieur du lien Instagram */
a[href*="instagram"] *,
a[href*="Instagram"] *,
.social-links-contact a[href*="instagram"] * {
    color: #C9A961 !important; /* DORÉ pour TOUT à l'intérieur */
}

/* FORCER le logo SVG Instagram en doré */
a[href*="instagram"] svg,
a[href*="Instagram"] svg,
.social-links-contact a[href*="instagram"] svg,
a[href*="instagram"] svg *,
a[href*="Instagram"] svg *,
a[href*="instagram"] svg path,
a[href*="instagram"] svg circle,
a[href*="instagram"] svg rect {
    fill: #C9A961 !important; /* DORÉ pour le logo */
    color: #C9A961 !important;
    stroke: none !important;
}

/* HOVER Instagram */
a[href*="instagram"]:hover,
a[href*="Instagram"]:hover,
.social-links-contact a[href*="instagram"]:hover {
    color: #FFFEF9 !important; /* BLANC CRÈME au survol */
    background: #C9A961 !important;
}

a[href*="instagram"]:hover *,
.social-links-contact a[href*="instagram"]:hover * {
    color: #FFFEF9 !important;
}

a[href*="instagram"]:hover svg,
a[href*="instagram"]:hover svg * {
    fill: #FFFEF9 !important;
}

/* ===================================================================
   🔥 TIKTOK - TEXTE ET LOGO EN DORÉ
=================================================================== */

/* FORCER LE TEXTE "TikTok" en doré */
a[href*="tiktok"],
a[href*="TikTok"],
a[href*="TIKTOK"],
.social-links-contact a[href*="tiktok"],
.social-links a[href*="tiktok"],
.contact-info-card a[href*="tiktok"] {
    color: #C9A961 !important; /* DORÉ CARAMEL TEXTE */
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* FORCER TOUS les éléments à l'intérieur du lien TikTok */
a[href*="tiktok"] *,
a[href*="TikTok"] *,
.social-links-contact a[href*="tiktok"] * {
    color: #C9A961 !important; /* DORÉ pour TOUT à l'intérieur */
}

/* FORCER le logo SVG TikTok en doré */
a[href*="tiktok"] svg,
a[href*="TikTok"] svg,
.social-links-contact a[href*="tiktok"] svg,
a[href*="tiktok"] svg *,
a[href*="TikTok"] svg *,
a[href*="tiktok"] svg path,
a[href*="tiktok"] svg circle,
a[href*="tiktok"] svg rect {
    fill: #C9A961 !important; /* DORÉ pour le logo */
    color: #C9A961 !important;
    stroke: none !important;
}

/* HOVER TikTok */
a[href*="tiktok"]:hover,
a[href*="TikTok"]:hover,
.social-links-contact a[href*="tiktok"]:hover {
    color: #FFFEF9 !important; /* BLANC CRÈME au survol */
    background: #C9A961 !important;
}

a[href*="tiktok"]:hover *,
.social-links-contact a[href*="tiktok"]:hover * {
    color: #FFFEF9 !important;
}

a[href*="tiktok"]:hover svg,
a[href*="tiktok"]:hover svg * {
    fill: #FFFEF9 !important;
}

/* ===================================================================
   🔥 FACEBOOK - LOGO DORÉ (PAS BLEU)
=================================================================== */

/* FORCER LE TEXTE "Facebook" en doré */
a[href*="facebook"],
a[href*="Facebook"],
.social-links-contact a[href*="facebook"] {
    color: #C9A961 !important; /* DORÉ CARAMEL TEXTE */
    text-decoration: none !important;
    font-weight: 500 !important;
}

a[href*="facebook"] *,
.social-links-contact a[href*="facebook"] * {
    color: #C9A961 !important;
}

/* Logo Facebook - DORÉ COMME LES AUTRES (PAS BLEU) */
a[href*="facebook"] svg,
.social-links-contact a[href*="facebook"] svg {
    fill: #C9A961 !important; /* DORÉ CARAMEL */
    width: 24px !important;
    height: 24px !important;
}

a[href*="facebook"] svg *,
.social-links-contact a[href*="facebook"] svg * {
    fill: #C9A961 !important; /* DORÉ pour le logo */
}

/* HOVER Facebook */
a[href*="facebook"]:hover {
    color: #FFFEF9 !important;
    background: #C9A961 !important;
}

a[href*="facebook"]:hover *:not(svg):not(svg *) {
    color: #FFFEF9 !important;
}

/* Logo Facebook devient BLANC au survol */
a[href*="facebook"]:hover svg,
a[href*="facebook"]:hover svg * {
    fill: #FFFEF9 !important; /* BLANC au survol */
}

/* ===================================================================
   🔥 FORÇAGE GLOBAL - TOUS RÉSEAUX SOCIAUX
=================================================================== */

/* TOUS les liens dans .social-links-contact */
.social-links-contact a,
.social-links-contact > a {
    color: #C9A961 !important; /* DORÉ FORCÉ pour le texte */
    background: #F5F0E8 !important; /* FOND BEIGE */
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    text-decoration: none !important;
}

.social-links-contact a:hover,
.social-links-contact > a:hover {
    background: #C9A961 !important; /* FOND DORÉ au survol */
    color: #FFFEF9 !important; /* TEXTE BLANC au survol */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3) !important;
}

/* ===================================================================
   📧 EMAIL - RÉDUIRE ENCORE PLUS POUR TENIR SUR UNE LIGNE
=================================================================== */

.contact-info-card a[href*="mailto"] {
    font-size: 13px !important; /* Réduit de 15px à 13px */
    color: #C9A961 !important;
    word-break: break-all !important;
    line-height: 1.3 !important;
    display: block !important;
    white-space: nowrap !important; /* FORCER SUR UNE LIGNE */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===================================================================
   🚫 SUPPRESSION FINALE - CURRENTCOLOR
=================================================================== */

.social-links-contact [fill="currentColor"]:not(a[href*="facebook"] svg *) {
    fill: #C9A961 !important;
}

.social-links-contact a:hover [fill="currentColor"]:not(a[href*="facebook"] svg *) {
    fill: #FFFEF9 !important;
}

/* ===================================================================
   🔥 RESPONSIVE - MOBILE
=================================================================== */

@media (max-width: 768px) {
    .contact-info-card a[href*="mailto"] {
        font-size: 12px !important; /* Encore plus petit sur mobile */
    }
    
    a[href*="instagram"],
    a[href*="tiktok"],
    a[href*="facebook"],
    .social-links-contact a {
        color: #C9A961 !important;
    }
    
    a[href*="instagram"] svg,
    a[href*="tiktok"] svg {
        fill: #C9A961 !important;
    }
    
    a[href*="facebook"] svg {
        fill: #1877F2 !important; /* Facebook reste bleu */
    }
}
