/* ═══════════════════════════════════════════════════════════════
   NAT-KILL-MOBILE-GIANTS — حذف دکمه‌های غول‌آسا در موبایل
   ⚠️ این CSS فقط در موبایل فعال است (max-width: 768px)
   ⚠️ دسکتاپ دست‌نخورده باقی می‌ماند
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ─── هر دکمه‌ای که در فوتر بزرگ‌تر از ۵۰px است → مخفی ─── */
    html body footer.footer a,
    html body footer.footer button {
        /* فقط برای اطمینان */
        box-sizing: border-box !important;
    }

    /* ─── حذف widgetهای شناور غول‌آسا ─── */
    html body footer.footer .nat-mobile-quick,
    html body footer.footer .nat-mobile-quick-nav,
    html body footer.footer .nat-quick-nav,
    html body footer.footer .nat-floating-actions,
    html body footer.footer .nat-mobile-fab,
    html body footer.footer .nat-mobile-bottom-nav,
    html body footer.footer #natMobileQuick,
    html body footer.footer [class*="mobile-quick"],
    html body footer.footer [class*="quick-nav"],
    html body footer.footer [class*="floating-nav"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -99999px !important;
        pointer-events: none !important;
    }

    /* ─── هر لینک/دکمه بزرگ در footer__col--brand → محدود کن ─── */
    html body footer.footer .footer__col--brand > a:not(.nat-footer-menu-mobile a),
    html body footer.footer .footer__col--brand > button:not(.nat-footer-menu-mobile button) {
        /* اگر این دکمه‌ها در گرید نباشند و بزرگ باشند → مخفی */
        max-width: none !important;
    }

    /* ─── مخفی کردن هر دکمه‌ای که فقط آیکن بزرگ دارد و خارج از گرید است ─── */
    html body footer.footer .footer__col--brand > *:not(.brand):not(p):not(.footer__badges):not(.nat-footer-menu-mobile) {
        display: none !important;
    }

    /* ─── دکمه‌های داخل گرید nat-footer-menu-mobile → اندازه‌ی یکسان ─── */
    html body footer.footer .nat-footer-menu-mobile a {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: .68rem !important;
        padding: 0 6px !important;
    }
}