/* ============================================
   STYLES POUR LES ICÔNES DES RÉSEAUX SOCIAUX
   Fond rouge au survol avec icône blanche
   ============================================ */

/* Style au survol : fond rouge, icône blanche */
.social-link:hover {
    background-color: var(--primary-rose) !important; /* Fond rouge/rose au survol */
    color: var(--white) !important; /* Icône blanche au survol */
}

/* Forcer l'icône à rester blanche au survol */
.social-link:hover i,
.social-link:hover .fab,
.social-link:hover .fas {
    color: var(--white) !important; /* Icône blanche au survol */
}

/* S'assurer que l'icône est toujours visible */
.social-link i,
.social-link .fab,
.social-link .fas {
    color: var(--white) !important; /* Icône blanche par défaut */
    transition: color 0.3s ease; /* Transition fluide */
}