footer {
    background-color: black;
    color: white;
    padding: 20px 0;
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Structure principale du footer */
footer .footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
}

/* Liens des réseaux sociaux */
footer .social-links {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
}

footer .social-links li {
    display: inline-block;
}

footer .social-links a {
    font-size: 20px;
    text-decoration: none;
    transition: transform 0.3s, color 0.3s;
}

footer .social-links a:hover {
    transform: scale(1.1);
}

/* Couleurs des icônes */
footer .social-links a .fa-facebook-f { color: #4267B2; }
footer .social-links a .fa-twitter { color: #1DA1F2; }
footer .social-links a .fa-instagram { color: #C13584; }
footer .social-links a .fa-linkedin-in { color: #0077B5; }
footer .social-links a .fa-whatsapp { color: #25D366; }

/* Sections du footer */
footer .footer-info,
footer .footer-links,
footer .footer-utilities {
    text-align: left;
    max-width: 300px;
    margin: 0 auto;
}

/* Liste des liens */
footer .footer-links ul,
footer .footer-utilities ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer-links ul li,
footer .footer-utilities ul li {
    margin: 5px 0;
}

footer .footer-links ul li a,
footer .footer-utilities ul li a {
    color: white;
    text-decoration: none;
    font-size: 0.9em;
}

footer .footer-links ul li a:hover,
footer .footer-utilities ul li a:hover {
    text-decoration: underline;
}

/* Responsive design */
@media (max-width: 768px) {
    footer .footer-content {
        flex-direction: column;
        text-align: center;
    }
    
    footer .footer-info,
    footer .footer-links,
    footer .footer-utilities {
        text-align: center;
        max-width: 100%;
    }
}
