/* ------------------------------------------------------------
   FIX.CSS — حل قطعی مشکل کلیک نکردن اسلایدر و زیرمنوها
   ------------------------------------------------------------ */

 جلوگیری از افتادن هدر کامل روی اسلایدر 
.top-menu-menu {
    position: relative !important;
    z-index: 10 !important;  /* از 99999 به 10 کاهش یافت 
    height: auto !important;
    max-height: 80px !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

/* کل ناحیه هدر فقط به اندازه خودش کلیک‌گیر باشد */
header,
.header,
.navbar,
.navbar-area,
.header-wrapper {
    z-index: 20 !important;
    overflow: visible !important;
    position: relative !important;
}

/* مشکل اصلی منوی MegaMenu — جلوگیری از گرفتن کلیک در حالت بسته */
ul.main-menu,
ul.main-menu.mega-container,
ul.mega-container,
ul.main-menu.mega,
.main-menu.mega-container {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

     جلوگیری از کشیده شدن باکس تا کل صفحه 
    height: auto !important;
    min-height: 0 !important;
    max-height: 0 !important;

    /* کنترل موقعیت */
    left: auto !important;
    right: auto !important;
    position: absolute !important;
    z-index: 1 !important;   /* پایین‌تر از هدر 
}

/* وقتی منو باز می‌شود */
ul.main-menu.show,
ul.main-menu.mega-container.show,
ul.mega-container.show {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;

    max-height: none !important;
    height: auto !important;

    z-index: 999 !important; /* فقط وقتی باز است بالا بیاید */
/*}*/

/* جلوگیری از دو ردیفه شدن منو */
.top-menu-menu ul,
.navbar-nav {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    height: 70px !important;
    overflow: visible !important;
}
 حل قطعی مگامنو که روی اسلایدر افتاده 

/* حالت بسته */
ul.main-menu,
ul.main-menu.mega-container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;

    position: absolute !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    z-index: 0 !important;
    opacity: 0 !important;
}

/* حالت باز */
ul.main-menu.show,
ul.main-menu.mega-container.show {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    position: absolute !important;
    top: 62px !important;
    left: 0 !important;
    right: auto !important;

    z-index: 9999 !important;
    opacity: 1 !important;
}