/* Styles de base pour le footer */
.custom-footer {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
    padding: 40px 0;
    text-align: center;
}

.custom-footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-footer .footer-mentions,
.custom-footer .footer-links,
.custom-footer .footer-socials {
    width: 30%;
    margin-bottom: 20px;
}

.custom-footer .footer-links ul {
    list-style: none;
    padding: 0;
}

.custom-footer .footer-links ul li {
    margin-bottom: 10px;
}

.custom-footer .footer-socials ul {
    list-style: none;
    padding: 0;
}

.custom-footer .footer-socials ul li {
    display: inline-block;
    margin-right: 15px;
}

.custom-footer a {
    color: var(--e-global-color-secondary);
    text-decoration: none;
}
.custom-footer .footer-socials a {
    margin-right: 10px; /* augmente ou diminue la valeur */
}

.custom-footer .footer-socials a:last-child {
    margin-right: 0; /* pas de marge après la dernière icône */
}
.footer-socials .youtube-icon {
    width: 48px;
    height: 32px;
    fill: #FF0000; /* rouge*/
    transition: transform 0.2s ease;
}
.custom-footer a:hover {
    text-decoration: underline;
}
.footer-socials a:hover svg {
    transform: scale(1.2);
}
.footer-socials a:hover .youtube-icon {
    fill: var(--e-global-color-824f2b7);
}
@media (max-width: 768px) { 
    .custom-footer .container {
        flex-direction: column;
        align-items: center;
    }

    .custom-footer .footer-mentions,
    .custom-footer .footer-links,
    .custom-footer .footer-socials {
        width: 100%; /* Prend toute la largeur */
        text-align: center;
    }
}