/* ===================================================================
   🔥 SUPPRESSION ULTIME DU VERT - FOOTER & BACKGROUNDS
   ================================================================
   Version : 12.7.4 FINALE
   Date : 17 Avril 2026
   
   BUT : SUPPRIMER ABSOLUMENT TOUTE COULEUR VERTE ET EFFET VERT FLOU
         FORCER LE DORÉ PARTOUT DANS LE FOOTER
=================================================================== */

/* ===================================================================
   🔥 SUPPRESSION GLOBALE - TOUTE COULEUR VERTE
=================================================================== */

/* FORCER TOUS les éléments verts à devenir dorés */
*[style*="#00C9A7"],
*[style*="rgb(0,201,167)"],
*[style*="rgba(0,201,167"],
*[style*="#00A389"],
*[style*="rgb(0,163,137)"],
body *[style*="#00C9A7"],
html *[style*="#00C9A7"] {
    color: #C9A961 !important;
    fill: #C9A961 !important;
    border-color: #C9A961 !important;
    background: transparent !important;
}

/* Supprimer TOUS les backgrounds verts */
*[style*="background"][style*="#00C9A7"],
*[style*="background"][style*="rgb(0,201,167)"],
*[style*="background"][style*="#00A389"],
body,
html {
    background: #1a1a1a !important; /* NOIR élégant */
    background-image: none !important; /* Supprimer l'image de fond */
}

/* ===================================================================
   🔥 SUPPRESSION EFFET VERT FLOU (GLASSMORPHISM)
=================================================================== */

/* Supprimer TOUS les effets de backdrop-filter */
*,
*::before,
*::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Supprimer les backgrounds avec blur */
.glassmorphism,
.blur,
*[class*="glass"],
*[class*="blur"],
*[style*="backdrop-filter"],
*[style*="blur"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #1a1a1a !important; /* NOIR élégant */
}

/* Forcer le footer à être NOIR (pas de vert flou) */
.footer,
footer {
    background: #1a1a1a !important; /* NOIR élégant */
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ===================================================================
   🔥 FOOTER - TOUS LES LIENS EN DORÉ
=================================================================== */

/* FORCER TOUS les liens du footer en DORÉ */
.footer a,
footer a,
.footer-section a,
footer .footer-section a {
    color: #C9A961 !important; /* DORÉ CARAMEL */
    text-decoration: none !important;
}

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

/* FORCER les titres des sections en DORÉ */
.footer h3,
footer h3,
.footer-section h3,
footer .footer-section h3 {
    color: #C9A961 !important; /* DORÉ pour les titres */
}

/* FORCER le texte du footer en BLANC CRÈME */
.footer p,
footer p,
.footer-section p,
footer .footer-section p {
    color: #F5F0E8 !important; /* BLANC CRÈME */
}

/* ===================================================================
   🔥 FOOTER - RÉSEAUX SOCIAUX COULEURS OFFICIELLES
=================================================================== */

/* FORCER les liens des réseaux sociaux - FOND TRANSPARENT */
.footer .social-links a,
footer .social-links a,
.social-links a {
    background: transparent !important; /* FOND TRANSPARENT */
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    margin: 0 8px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.footer .social-links a:hover,
footer .social-links a:hover,
.social-links a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* FORCER les images IMG à garder leurs couleurs */
.footer .social-links img,
footer .social-links img,
.social-links img {
    width: 32px !important;
    height: 32px !important;
    filter: none !important; /* PAS de filtre, garder couleurs originales */
}

/* Images gardent leurs couleurs au survol */
.footer .social-links a:hover img,
footer .social-links a:hover img,
.social-links a:hover img {
    opacity: 0.8; /* Légère transparence au survol */
}

/* ===================================================================
   🔥 FOOTER - FACEBOOK, INSTAGRAM, TIKTOK - COULEURS OFFICIELLES
=================================================================== */

/* Facebook - GARDER LE BLEU OFFICIEL */
.footer a[href*="facebook"],
footer a[href*="facebook"],
a[href*="facebook"] {
    color: inherit; /* Pas de couleur forcée */
}

.footer a[href*="facebook"] svg,
footer a[href*="facebook"] svg,
a[href*="facebook"] svg {
    /* Laisser la couleur d'origine SVG */
}

/* Instagram - GARDER LES COULEURS OFFICIELLES */
.footer a[href*="instagram"],
footer a[href*="instagram"],
a[href*="instagram"] {
    color: inherit;
}

.footer a[href*="instagram"] svg,
footer a[href*="instagram"] svg,
a[href*="instagram"] svg {
    /* Laisser la couleur d'origine SVG */
}

/* TikTok - GARDER LES COULEURS OFFICIELLES */
.footer a[href*="tiktok"],
footer a[href*="tiktok"],
a[href*="tiktok"] {
    color: inherit;
}

.footer a[href*="tiktok"] svg,
footer a[href*="tiktok"] svg,
a[href*="tiktok"] svg {
    /* Laisser la couleur d'origine SVG */
}

/* ===================================================================
   🔥 FOOTER - LIEN CGV EN DORÉ
=================================================================== */

/* FORCER le lien Mentions Légales & CGV en DORÉ */
.footer-bottom a,
footer .footer-bottom a,
.footer a[href*="cgv"],
.footer a[href*="mentions-legales"],
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 */
}

/* ===================================================================
   🔥 BODY & HTML - FOND NOIR (PAS VERT)
=================================================================== */

/* FORCER le fond de la page en NOIR */
body,
html {
    background: #1a1a1a !important; /* NOIR élégant */
    background-color: #1a1a1a !important;
    background-image: none !important;
}

/* Supprimer TOUS les backgrounds avec image */
body::before,
body::after,
html::before,
html::after {
    display: none !important;
}

/* ===================================================================
   🔥 NAVIGATION - SUPPRESSION VERT
=================================================================== */

/* Forcer les liens de navigation en DORÉ */
.navbar a,
.nav-link,
nav a {
    color: #C9A961 !important;
}

.navbar a:hover,
.nav-link:hover,
nav a:hover {
    color: #5D4E37 !important;
}

/* ===================================================================
   🔥 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;
    }
}