/* Styles pour le footer de DeepForgery
   Création: 15 mai 2025
   Version: 1.0
   
   Ces styles sont isolés pour éviter les conflits avec d'autres composants
*/

/* Styles de base pour le footer */
footer {
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
   
   
}

.dark footer {
    background: #1f2937;
    border-top: 1px solid #374151;
    color: #e5e7eb;
}

/* Styles spécifiques pour les liens du footer - avec grande spécificité pour éviter les conflits */
footer a,
footer a:link,
footer a:visited {
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
    background: none !important;
    /* Surcharge pour éviter les styles du header */
    background-image: none !important;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #3b82f6 !important;
    text-decoration: none !important;
    background: none !important;
}

.dark footer a,
.dark footer a:link,
.dark footer a:visited {
    color: #9ca3af !important;
    background: none !important;
}

.dark footer a:hover,
.dark footer a:active,
.dark footer a:focus {
    color: #60a5fa !important;
    background: none !important;
}

/* Style pour les liens sociaux du footer */
footer .social-icons {
    display: flex;
    gap: 1rem;
}

footer .social-icon {
    color: #6b7280 !important;
    transition: color 0.2s;
    background: none !important;
}

.dark footer .social-icon {
    color: #9ca3af !important;
    background: none !important;
}

footer .social-icon:hover {
    color: #3b82f6 !important;
    transform: translateY(-2px);
    background: none !important;
}

.dark footer .social-icon:hover {
    color: #60a5fa !important;
    background: none !important;
}

/* Sélecteur de thème dans le footer */
footer .theme-btn {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: transparent !important;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

footer .theme-btn.active {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #3b82f6 !important;
}

.dark footer .theme-btn.active {
    background: rgba(96, 165, 250, 0.2) !important;
    color: #60a5fa !important;
}