/* ===================================================================
   🔥 FOOTER - RÉSEAUX SOCIAUX DORÉS + SUPPRESSION VERT
   ================================================================
   Version : 12.7.3
   Date : 17 Avril 2026
   
   BUT : Forcer les icônes réseaux sociaux du FOOTER en DORÉ
         Supprimer TOUTE couleur verte du footer
=================================================================== */

/* ===================================================================
   🔥 FOOTER - ICÔNES RÉSEAUX SOCIAUX DORÉS
=================================================================== */

/* TOUS les liens dans .social-links du footer */
.footer .social-links a,
footer .social-links a {
    color: #C9A961 !important; /* DORÉ CARAMEL */
    background: #F5F0E8 !important; /* FOND BEIGE */
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    margin: 0 8px !important;
    text-decoration: none !important;
}

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

/* TOUS les SVG dans le footer */
.footer .social-links svg,
footer .social-links svg,
.footer .social-links a svg,
footer .social-links a svg {
    fill: #C9A961 !important; /* DORÉ CARAMEL pour les logos */
    width: 20px !important;
    height: 20px !important;
}

.footer .social-links svg *,
footer .social-links svg * {
    fill: #C9A961 !important;
}

/* SVG deviennent BLANCS au survol */
.footer .social-links a:hover svg,
footer .social-links a:hover svg,
.footer .social-links a:hover svg *,
footer .social-links a:hover svg * {
    fill: #FFFEF9 !important; /* BLANC au survol */
}

/* ===================================================================
   🔥 FOOTER - SUPPRESSION TOTALE DU VERT
=================================================================== */

/* Forcer TOUS les liens du footer en doré */
.footer a,
footer a {
    color: #C9A961 !important; /* DORÉ */
}

.footer a:hover,
footer a:hover {
    color: #5D4E37 !important; /* MARRON CHOCOLAT au survol */
}

/* Supprimer spécifiquement le vert du lien CGV */
.footer-bottom a,
footer .footer-bottom a,
.footer a[href*="cgv"],
.footer a[href*="mentions-legales"] {
    color: #C9A961 !important; /* DORÉ FORCÉ */
}

.footer-bottom a:hover,
.footer a[href*="cgv"]:hover,
.footer a[href*="mentions-legales"]:hover {
    color: #5D4E37 !important; /* MARRON au survol */
}

/* Supprimer TOUTE couleur verte inline */
.footer *[style*="#00C9A7"],
footer *[style*="#00C9A7"],
.footer *[style*="rgb(0,201,167)"],
.footer *[style*="#00A389"] {
    color: #C9A961 !important;
    fill: #C9A961 !important;
}

/* ===================================================================
   🔥 FOOTER - FACEBOOK, INSTAGRAM, TIKTOK SPÉCIFIQUES
=================================================================== */

/* Facebook dans le footer */
.footer a[href*="facebook"],
footer a[href*="facebook"] {
    color: #C9A961 !important;
    background: #F5F0E8 !important;
}

.footer a[href*="facebook"] svg,
footer a[href*="facebook"] svg {
    fill: #C9A961 !important; /* DORÉ pour Facebook */
}

.footer a[href*="facebook"]:hover,
footer a[href*="facebook"]:hover {
    background: #C9A961 !important;
}

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

/* Instagram dans le footer */
.footer a[href*="instagram"],
footer a[href*="instagram"] {
    color: #C9A961 !important;
    background: #F5F0E8 !important;
}

.footer a[href*="instagram"] svg,
footer a[href*="instagram"] svg {
    fill: #C9A961 !important; /* DORÉ pour Instagram */
}

.footer a[href*="instagram"]:hover,
footer a[href*="instagram"]:hover {
    background: #C9A961 !important;
}

.footer a[href*="instagram"]:hover svg,
footer a[href*="instagram"]:hover svg {
    fill: #FFFEF9 !important; /* BLANC au survol */
}

/* TikTok dans le footer */
.footer a[href*="tiktok"],
footer a[href*="tiktok"] {
    color: #C9A961 !important;
    background: #F5F0E8 !important;
}

.footer a[href*="tiktok"] svg,
footer a[href*="tiktok"] svg {
    fill: #C9A961 !important; /* DORÉ pour TikTok */
}

.footer a[href*="tiktok"]:hover,
footer a[href*="tiktok"]:hover {
    background: #C9A961 !important;
}

.footer a[href*="tiktok"]:hover svg,
footer a[href*="tiktok"]:hover svg {
    fill: #FFFEF9 !important; /* BLANC au survol */
}

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

@media (max-width: 768px) {
    .footer .social-links a,
    footer .social-links a {
        width: 40px !important;
        height: 40px !important;
        margin: 0 6px !important;
    }
    
    .footer .social-links svg,
    footer .social-links svg {
        width: 18px !important;
        height: 18px !important;
    }
}