/* ==========================================================================
   PALETTES DE COULEURS (DARK & LIGHT) - RAPPEL DE TES VARIABLES
   ========================================================================== */
/* --bg-main est utilisé pour le fond du footer
   --gacha est utilisé pour les titres et bordures
   --text-secondary est utilisé pour les liens et textes
   --text-primary est utilisé pour le soulignement (after)
*/

/* 1. COULEURS ET THÈME NEXUS */
.bg-dark-nexus { 
    background-color: var(--bg-main) !important; 
}

.text-primary-nexus { 
    color: var(--gacha) !important; 
}

.border-primary-nexus { 
    border-color: var(--gacha) !important; 
}

.text-secondary-nexus { 
    color: var(--text-secondary) !important; 
}

/* 2. TYPOGRAPHIE (Complément aux classes fs- de Bootstrap) */
.fs-small { 
    font-size: 0.85rem; 
}

/* 3. STYLE DES LIENS AVEC EFFET DE SOULIGNEMENT CENTRAL */
.footer-link {
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    position: relative; /* Nécessaire pour positionner la ligne */
    transition: color 0.2s ease;
}

/* Création de la ligne (cachée au repos) */
.footer-link::after {
    content: "";
    position: absolute;
    bottom: -4px;      /* Équivalent du text-underline-offset */
    left: 50%;         /* Point de départ au centre */
    width: 0;          /* Largeur nulle au départ */
    height: 1.5px;     /* Épaisseur de la ligne */
    background-color: var(--text-primary); /* S'adapte au thème (blanc en dark, sombre en light) */
    transition: width 0.3s ease, left 0.3s ease; /* Animation fluide */
}

/* État au survol */
.footer-link:hover {
    color: var(--text-secondary) !important; /* Garde la couleur grise selon ton souhait */
}

/* La ligne s'étend du milieu vers les bords */
.footer-link:hover::after {
    width: 100%;
    left: 0;
}

/* 4. STRUCTURE ADDITIONNELLE */
.nexus-footer {
    /* Assure une transition douce si tu changes de thème */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}