/* ==================== FOOTER STYLES ==================== */

/* Réinitialisation pour éviter les conflits */
#footer {
    background: #212529 !important; /* bg-dark de Bootstrap */
    padding: 1rem 0 !important;
    margin-top: 3rem !important;
}

/* Texte blanc pour une bonne lisibilité */
#footer .text-white {
    color: #ffffff !important;
}

#footer .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Titres dorés */
#footer h3,
#footer h5 {
    color: #FFD700 !important;
}

/* Liens */
#footer a {
    text-decoration: none;
    transition: color 0.3s ease;
}

#footer a.text-white {
    color: #ffffff !important;
}

#footer a.hover-gold:hover {
    color: #FFD700 !important;
}

/* Icônes sociales */
#footer .social-links a {
    display: inline-block;
    margin: 0 0.5rem;
    font-size: 1.5rem;
    transition: transform 0.3s ease, color 0.3s ease;
}

#footer .social-links a:hover {
    transform: translateY(-3px);
}

#footer .social-links i {
    color: #FFD700 !important;
}

/* Copyright */
#footer .copyright {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

/* Responsive */
@media (max-width: 991px) {
    #footer .text-end {
        text-align: center !important;
        margin-top: 2rem;
    }
    
    #footer .text-start {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #footer .col-lg-3,
    #footer .col-lg-6 {
        margin-bottom: 2rem;
    }
}