/* EduNetter mobile hamburger - fresh asset */
@media (max-width: 991.98px) {
    .site-navbar button.ed-hamburger {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-flex !important;
        flex: 0 0 68px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 68px !important;
        min-width: 68px !important;
        height: 48px !important;
        padding: 0 !important;
        margin: 0 0 0 auto !important;
        border: 1px solid #d8d8d8 !important;
        border-radius: 11px !important;
        background: #fff !important;
        background-image: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .site-navbar button.ed-hamburger:focus {
        box-shadow: 0 0 0 3px rgba(8, 102, 245, .12) !important;
    }

    .site-navbar .ed-hamburger-icon {
        position: relative !important;
        display: block !important;
        width: 28px !important;
        height: 2.5px !important;
        min-height: 2.5px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 5px !important;
        background: #555b63 !important;
        transition: background .25s ease !important;
    }

    .site-navbar .ed-hamburger-icon::before,
    .site-navbar .ed-hamburger-icon::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        width: 28px !important;
        height: 2.5px !important;
        border: 0 !important;
        border-radius: 5px !important;
        background: #555b63 !important;
        transition: top .28s ease, bottom .28s ease,
                    transform .28s ease, background .2s ease !important;
    }

    .site-navbar .ed-hamburger-icon::before {
        top: -9px !important;
    }

    .site-navbar .ed-hamburger-icon::after {
        bottom: -9px !important;
    }

    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon,
    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon::before,
    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon::after {
        background: #0866f5 !important;
    }

    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon {
        background: transparent !important;
    }

    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon::before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }

    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon::after {
        bottom: 0 !important;
        transform: rotate(-45deg) !important;
    }
}

@media (min-width: 992px) {
    .site-navbar button.ed-hamburger {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-navbar .ed-hamburger-icon,
    .site-navbar .ed-hamburger-icon::before,
    .site-navbar .ed-hamburger-icon::after {
        transition: none !important;
    }
}

/* Hamburger: borderless style */
@media (max-width: 991.98px) {
    .site-navbar button.ed-hamburger,
    .site-navbar button.ed-hamburger:hover,
    .site-navbar button.ed-hamburger:focus {
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon,
    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon::before,
    .site-navbar button.ed-hamburger:hover .ed-hamburger-icon::after {
        background: #0866f5 !important;
    }
}

/* Fix hover state when hamburger is transformed into close icon */
@media (max-width: 991.98px) {
    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon,
    .site-navbar button.ed-hamburger[aria-expanded="true"]:hover .ed-hamburger-icon,
    .site-navbar button.ed-hamburger[aria-expanded="true"]:focus .ed-hamburger-icon {
        background: transparent !important;
    }

    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon::before,
    .site-navbar button.ed-hamburger[aria-expanded="true"] .ed-hamburger-icon::after,
    .site-navbar button.ed-hamburger[aria-expanded="true"]:hover .ed-hamburger-icon::before,
    .site-navbar button.ed-hamburger[aria-expanded="true"]:hover .ed-hamburger-icon::after {
        background: #0866f5 !important;
    }
}

/* =====================================================
   EDUNETTER FULLSCREEN MOBILE NAVIGATION
===================================================== */

@media (max-width: 991.98px) {

    /* Keep navbar and toggle above fullscreen overlay */
    .site-navbar {
        position: sticky !important;
        top: 0;
        z-index: 1060 !important;
        background: #fff !important;
    }

    .site-navbar .container {
        position: static !important;
    }

    .site-navbar .navbar-brand,
    .site-navbar .ed-hamburger {
        position: relative !important;
        z-index: 1062 !important;
    }

    /* Fullscreen menu */
    .site-navbar .navbar-collapse.collapse.show,
    .site-navbar .navbar-collapse.collapsing {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1061 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 105px 28px 35px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .site-navbar .navbar-collapse.collapsing {
        transition: height .32s ease !important;
    }

    /* Navigation links */
    .site-navbar .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        gap: 0 !important;
    }

    .site-navbar .navbar-nav .nav-item {
        width: 100%;
        border-bottom: 1px solid #edf1f7;
    }

    .site-navbar .navbar-nav .nav-link {
        display: flex !important;
        align-items: center !important;
        min-height: 58px !important;
        padding: 15px 8px !important;
        color: #344563 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border: 0 !important;
    }

    .site-navbar .navbar-nav .nav-link:hover,
    .site-navbar .navbar-nav .nav-link.active {
        color: #0866f5 !important;
    }

    .site-navbar .navbar-nav .nav-link.active:after {
        display: none !important;
    }

    /* Login and registration actions */
    .site-navbar .ed-nav-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 600px !important;
        margin: 22px auto 0 !important;
        padding: 0 !important;
        gap: 12px !important;
    }

    .site-navbar .ed-nav-actions .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 49px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }

    /* Prevent background scrolling */
    body.ed-mobile-menu-open {
        overflow: hidden !important;
        touch-action: none;
    }

    /* Close button remains visible above overlay */
    .site-navbar button.ed-hamburger {
        z-index: 1063 !important;
    }
}