/**
 * FOOTER MOBILE - Centrage des éléments
 * S'applique uniquement en mode mobile (<768px)
 */

/* Mobile UNIQUEMENT (<768px) : centrer tous les éléments du footer */
@media (max-width: 767px) {
    
    /* Centrer les colonnes du footer */
    .site-footer .footer-col {
        text-align: center !important;
    }
    
    /* Centrer les titres */
    .site-footer .footer-title {
        text-align: center !important;
    }
    
    /* Centrer les listes */
    .site-footer .footer-col ul {
        text-align: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    
    /* Centrer les items de liste */
    .site-footer .footer-col ul li {
        text-align: center !important;
    }
    
    /* Centrer les liens et supprimer l'indicateur à gauche */
    .site-footer .footer-link {
        display: inline-block !important;
        text-align: center !important;
    }
    
    .site-footer .footer-link::before {
        display: none !important; /* Supprimer la flèche en mobile */
    }
    
    .site-footer .footer-link:hover {
        transform: scale(1.05) !important; /* Au lieu de translateX */
    }
    
    /* Centrer le texte "Suivez-nous..." */
    .site-footer .footer-col p {
        text-align: center !important;
    }
    
    /* Centrer les icônes sociales */
    .site-footer .social-icons {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    /* Centrer le logo */
    .site-footer .flex.items-start {
        justify-content: center !important;
    }
    
    /* Centrer le footer-bottom */
    .site-footer .footer-bottom {
        text-align: center !important;
    }
    
    .site-footer .footer-bottom p,
    .site-footer .footer-bottom div {
        text-align: center !important;
        justify-content: center !important;
    }
}