/* ═══════════════════════════════════════════════════════════════
   NAT-TABLET-FOOTER — تبلت نسخه دسکتاپ را نشان می‌دهد
   ⚠️ فقط بین ۷۶۹px و ۱۰۲۴px اعمال می‌شود
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) and (max-width: 1024px) {

    /* ─── ۱) مخفی کردن منوی موبایل در تبلت ─── */
    html body footer.footer .nat-footer-menu-mobile {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !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"],
    html body footer.footer [class*="floating-action"] {
        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;
    }

    /* ─── ۳) نمایش گرید ۴ ستونه (تبلت) ─── */
    html body footer.footer .footer__inner,
    html body footer.footer .container.footer__inner {
        display: grid !important;
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
        grid-auto-flow: row !important;
        gap: 20px !important;
        align-items: start !important;
        padding: 0 24px 12px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: none !important;
        float: none !important;
        overflow: visible !important;
    }

    /* ─── ۴) نمایش همه ستون‌ها (نه فقط brand) ─── */
    html body footer.footer .footer__col {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
    }

    /* ─── ۵) اطمینان: ستون‌های دیگر مخفی نشوند ─── */
    html body footer.footer .footer__col:not(.footer__col--brand) {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* ─── ۶) ستون برند در تبلت ─── */
    html body footer.footer .footer__col--brand {
        display: block !important;
    }
    html body footer.footer .footer__col--brand .brand {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 0 8px !important;
    }
    html body footer.footer .footer__col--brand p {
        text-align: right !important;
        font-size: .78rem !important;
        line-height: 1.7 !important;
        margin: 6px 0 0 !important;
        max-width: none !important;
    }

    /* ─── ۷) نوار پایین — flex افقی در تبلت ─── */
    html body footer.footer .footer__bottom .container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 0 24px !important;
        text-align: right !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
    }

    /* ─── ۸) شبکه‌های اجتماعی — گرید افقی ─── */
    html body footer.footer .footer__badges {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        width: auto !important;
        max-width: 100% !important;
    }
    html body footer.footer .footer__social {
        display: flex !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
    html body footer.footer .footer__social a,
    html body footer.footer .footer__enamad {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        border-radius: 10px !important;
    }
    html body footer.footer .footer__social a svg {
        width: 18px !important;
        height: 18px !important;
    }
    html body footer.footer .footer__enamad img {
        width: 26px !important;
        height: 26px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   هماهنگی مرزها — تضمین عدم تداخل
   ═══════════════════════════════════════════════════════════════ */

/* زیر 769px (موبایل) — منو نمایش داده می‌شود */
@media (max-width: 768px) {
    /* این را نگه می‌داریم که در موبایل همه چیز درست باشد */
    html body footer.footer .footer__col:not(.footer__col--brand) {
        /* موبایل: مخفی باشد — چیدمان موبایل */
    }
}

/* بالای 1024px (دسکتاپ) — منو مخفی */
@media (min-width: 1025px) {
    html body footer.footer .nat-footer-menu-mobile {
        display: none !important;
    }
    html body footer.footer .footer__col:not(.footer__col--brand) {
        display: block !important;
    }
}