/* 
 * hamburger-fix.css
 * حل مشکل نمایش منوی همبرگری در گوشی‌های کوچک
 * با اولویت بالاتر از سایر استایل‌ها
 */

/* رفع باگ ‌- منوی همبرگری فقط در موبایل نمایش داده شود */
.hamburger {
    display: none; /* پنهان بودن پیش‌فرض */
    visibility: hidden;
    opacity: 0;
}

/* حذف کامل منوی همبرگری در موبایل - استفاده از ناوبری فوتر */
@media (max-width: 900px) {
    .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* کلاس کمکی برای موقعیت‌دهی دقیق‌تر در موبایل */
.mobile-hamburger-position {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
}

/* مطمئن شویم که خطوط منو قابل دیدن هستند */
.hamburger .bar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 25px !important;
    height: 3px !important;
    margin: 5px auto !important;
    background-color: #fff !important;
    transition: all 0.3s ease-in-out !important;
}

/* حالت فعال منو همبرگری */
.hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg) !important;
}

.hamburger.active .bar:nth-child(2) {
    opacity: 0 !important;
}

.hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg) !important;
}

/* دکمه همبرگری فقط در انواع صفحه‌نمایش‌های کوچک نمایش داده شود */
@media (min-width: 901px) {
    .hamburger {
        display: none !important; /* اطمینان از عدم نمایش در دسکتاپ */
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* حذف کامل منوی همبرگری در همه حالت‌های موبایل */
@media (max-width: 900px) {
    .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* حذف کامل منوی اصلی در حالت موبایل - استفاده از ناوبری فوتر */
    #main-nav ul.nav-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* رفع مشکل پوزیشن در نوار ناوبری */
#main-nav .container {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}