/* =============================================
   FOOTER - فوتر موبایل (fixed)
   ============================================= */

@media (max-width: 767px) {
    body {
        padding-bottom: 70px !important;
    }

    .footer-bar {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 65px !important;
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
        z-index: 9999 !important;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.06) !important;
    }

        .footer-bar a {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            gap: 3px !important;
            font-size: 11px !important;
            color: #6b7280 !important;
            text-decoration: none !important;
            padding: 6px 10px !important;
            border-radius: 10px !important;
            font-weight: 500 !important;
        }

            .footer-bar a i {
                font-size: 20px !important;
            }

            .footer-bar a:hover {
                color: #ef4444 !important;
            }

                .footer-bar a:hover i {
                    color: #ef4444 !important;
                }

    /* Dark mode */
    .dark-mode .footer-bar {
        background: rgba(15, 23, 42, 0.95) !important;
        border-top-color: rgba(255, 255, 255, 0.06) !important;
        box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.5) !important;
    }

        .dark-mode .footer-bar a {
            color: #94a3b8 !important;
        }

            .dark-mode .footer-bar a:hover {
                color: #ef4444 !important;
            }
}

/* دسکتاپ: مخفی */
@media (min-width: 768px) {
    .footer-bar {
        display: none !important;
    }
}
/* ===== فیکس لرزش ===== */
@media (max-width: 767px) {
    html {
        height: 100% !important;
        overflow: hidden !important;
    }

    body {
        height: 100% !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 65px !important;
    }
}