/**
 * @file: mobile-global.css
 * @description: Глобальні стилі для мобільної версії сайту
 * @created: 2025-01-12
 */

/* ================================
   SITE FOOTER - MOBILE CENTERING
   ================================ */
@media (max-width: 768px) {
    /* ✅ Центруємо весь footer */
    #colophon,
    .site-footer,
    footer[role="contentinfo"] {
        text-align: center;
    }
    
    /* ✅ Центруємо виджети footer */
    .footer-widget-area,
    .footer-widget,
    .widget {
        text-align: center;
    }
    
    /* ✅ Центруємо navigation меню */
    .footer-navigation,
    .footer-menu,
    .site-footer nav {
        text-align: center;
        justify-content: center;
    }
    
    .footer-navigation ul,
    .footer-menu ul,
    .site-footer nav ul {
        justify-content: center;
        text-align: center;
    }
    
    /* ✅ Центруємо copyright */
    .site-info,
    .copyright,
    .footer-copyright {
        text-align: center;
    }
    
    /* ✅ Центруємо соц.мережі (CUSTOM FOOTER) */
    .gotuimo-footer-social,
    .gotuimo-social-links,
    .footer-social,
    .social-links,
    .site-footer .social-icons,
    .site-footer .social-icons ul,
    .site-footer .bb-footer-widget .bb-social-icons,
    .site-footer .bb-social-icons ul,
    .widget_social_icons,
    .widget_social_icons ul {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    /* ✅ Центруємо email з іконкою (CUSTOM FOOTER) */
    .gotuimo-footer-email,
    .site-footer a[href^="mailto:"],
    .site-footer .widget_text a[href^="mailto:"],
    .footer-email,
    .site-footer .textwidget {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        gap: 8px !important;
    }
    
    /* ✅ 2 колонки для меню навігації (CUSTOM FOOTER) */
    .gotuimo-footer-nav,
    .gotuimo-footer-links,
    .gotuimo-footer-menu-wrapper {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .gotuimo-footer-menu,
    .site-footer .widget_nav_menu ul,
    .site-footer .menu,
    .footer-navigation ul,
    .footer-menu ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px 32px !important; /* ✅ Збільшено відступ між колонками */
        text-align: center !important; /* ✅ Центруємо текст */
        justify-content: center !important; /* ✅ Центруємо grid */
        justify-items: center !important; /* ✅ Центруємо елементи */
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important; /* ✅ Відступи від країв */
    }
    
    .gotuimo-footer-menu li,
    .site-footer .widget_nav_menu ul li,
    .site-footer .menu li,
    .footer-navigation li,
    .footer-menu li {
        margin: 0 !important;
        padding: 4px 0 !important;
        text-align: center !important; /* ✅ Центруємо текст в li */
        width: 100% !important;
    }
    
    .gotuimo-footer-menu li a,
    .site-footer .widget_nav_menu ul li a,
    .site-footer .menu li a,
    .footer-navigation li a,
    .footer-menu li a {
        text-align: center !important; /* ✅ Центруємо текст в посиланнях */
        display: block !important;
    }
}