/* ─── Footer Mobile Menu ─────────────────────────────────────────────────────
 *
 * Il CSS compilato del tema ha padding: .8em 3em su .streamit-mobile-footer-menu
 * con specificità alta. Usiamo body come prefisso per aumentare la nostra.
 *
 * ─────────────────────────────────────────────────────────────────────────── */

/* Azzera il padding laterale del contenitore — specificità aumentata con body */
body .streamit-mobile-footer-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* La lista occupa tutta la larghezza con padding interno uniforme */
body .streamit-mobile-footer-menu .footer-menu {
    width: 100% !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

body .streamit-mobile-footer-menu .footer-menu::-webkit-scrollbar {
    display: none !important;
}

/* Icone immagine */
body .streamit-mobile-footer-menu .footer-menu li a .menu-icon img {
    display: block !important;
    width: 1.125em !important;
    height: 1.125em !important;
    object-fit: contain !important;
}

@media (max-width: 576px) {
    body .streamit-mobile-footer-menu .footer-menu li a .menu-icon img {
        width: 1.5em !important;
        height: 1.5em !important;
    }
}