/* =====================================================
   MENU-RESPONSIVE.CSS — hamid_j6_v1
   Mobile Drawer Menu Only
   Clean Unified Version
   Synced with menu.js
   ===================================================== */

@media (max-width: 991.98px) {

    .hamid-navbar-menu-top-2 {
        min-height: 48px !important;
        height: 48px !important;
        overflow: visible !important;
    }

.hamid-navbar-menu-top-2 .hamid-navbar-container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 48px !important;
}

    .hamid-navbar-menu-top-2 .navbar-toggler {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        z-index: 10001 !important;
    }

    #navbarTop2 {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;

        width: 72vw !important;
        max-width: 340px !important;
        height: 100vh !important;
        height: 100dvh !important;

        padding: 24px 22px 36px !important;

        background: #1f252b !important;
        border-left: 1px solid rgba(255,255,255,.16) !important;
        box-shadow: -10px 0 30px rgba(0,0,0,.35) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        visibility: hidden !important;
        transform: translateX(105%) !important;
        transition: transform .28s ease, visibility .28s ease !important;

        z-index: 2147483000 !important;
    }

    #navbarTop2.show {
        display: block !important;
        visibility: visible !important;
        transform: translateX(0) !important;
    }

    .mobile-menu-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 auto 28px 0 !important;
        padding: 0 !important;

        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 11px !important;

        background: rgba(255,255,255,.12) !important;
        color: #ffffff !important;

        font-size: 0 !important;
        line-height: 1 !important;

        cursor: pointer !important;
        position: relative !important;
        z-index: 2147483100 !important;
    }

    .mobile-menu-close::before {
        content: "×" !important;
        display: block !important;
        color: #ffffff !important;
        font-family: Arial, sans-serif !important;
        font-size: 34px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }

    .mobile-menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        display: none !important;
        background: rgba(0,0,0,.35) !important;
        z-index: 2147482000 !important;
    }

    .mobile-menu-backdrop.show {
        display: block !important;
    }

    body.mobile-menu-open {
        overflow: hidden !important;
    }

    body.mobile-menu-open .hamid-header,
    body.mobile-menu-open .header,
    body.mobile-menu-open .sticky-top {
        z-index: auto !important;
    }

    #navbarTop2 nav.mega-menu,
    #navbarTop2 .mod-menu,
    #navbarTop2 .navbar-nav,
    #navbarTop2 ul,
    #navbarTop2 li {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #navbarTop2 li {
        position: relative !important;
        border-bottom: 1px solid rgba(255,255,255,.14) !important;
    }

    #navbarTop2 a,
    #navbarTop2 .menu-link,
    #navbarTop2 .nav-link {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-height: 54px !important;

        padding: 13px 14px 13px 36px !important;

        direction: rtl !important;
        text-align: right !important;
        text-decoration: none !important;

        color: #ffffff !important;
        background: transparent !important;

        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
        white-space: normal !important;
    }

    #navbarTop2 li.active > a,
    #navbarTop2 li.current > a {
        background: rgba(255,255,255,.06) !important;
        color: #d8edf5 !important;
    }

    #navbarTop2 ul ul,
    #navbarTop2 .dropdown-menu {
        position: static !important;
        display: none !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 8px 0 10px !important;
        padding: 8px 0 !important;

        background: #2a3036 !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    #navbarTop2 li.submenu-open > ul,
    #navbarTop2 li.submenu-open > .dropdown-menu {
        display: block !important;
    }

    #navbarTop2 ul ul li {
        border-bottom: 0 !important;
    }

    #navbarTop2 ul ul a,
    #navbarTop2 ul ul .menu-link,
    #navbarTop2 ul ul .nav-link {
        min-height: 46px !important;
        padding: 10px 14px 10px 34px !important;

        justify-content: flex-start !important;
        text-align: right !important;

        background: transparent !important;
        color: #f1f3f5 !important;

        font-size: 14.5px !important;
        font-weight: 600 !important;
        line-height: 1.65 !important;
    }

    #navbarTop2 ul ul ul a,
    #navbarTop2 ul ul ul .menu-link,
    #navbarTop2 ul ul ul .nav-link {
        padding-right: 28px !important;
        padding-left: 34px !important;
        background: transparent !important;
        font-size: 14px !important;
    }

    #navbarTop2 li.parent > a::after,
    #navbarTop2 li.deeper > a::after,
    #navbarTop2 li.has-children > a::after {
        content: "▾" !important;

        position: absolute !important;
        left: 10px !important;
        right: auto !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        opacity: .85 !important;
        transition: transform .2s ease !important;
    }

    #navbarTop2 li.submenu-open > a::after {
        transform: translateY(-50%) rotate(180deg) !important;
    }
}

@media (min-width: 992px) {

    .mobile-menu-close,
    .mobile-menu-backdrop {
        display: none !important;
    }
}

.hamid-mobile-menu-wrapper {
    position: relative;
    z-index: 2147483000;
}