/* Mobile Menu Dark Theme - Only colors, no structure changes */
@media (max-width: 991.98px) {
    /* Purple gradient background like homepage */
    .menu-wrap {
        background: linear-gradient(180deg, #730f85 0%, #13052f 100%) !important;
        overflow-y: auto !important;
    }

    /* White logo */
    .menu-wrap .logo-wrap img,
    .menu-wrap .logo-wrap-mobile img {
        filter: brightness(0) invert(1);
    }

    /* Menu items - white text on indigo */
    .main-menu > li > a {
        color: #fff !important;
        background: #4338ca;
        padding: 12px 16px;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    /* Submenu with scroll - same gradient */
    .sub-menu {
        background: linear-gradient(180deg, #730f85 0%, #13052f 100%) !important;
        overflow-y: auto !important;
    }

    /* Submenu links - small icons beside text */
    .sub-menu a {
        color: #fff !important;
        background: #312e81;
        border-radius: 8px;
        margin-bottom: 6px;
        padding: 10px 12px !important;
        display: flex !important;
        align-items: center;
        gap: 10px;
    }
    .sub-menu a:hover {
        background: #4338ca;
    }

    /* Small icons */
    .sub-menu .megamenu-icon,
    .sub-menu .megamenu-icon-pro,
    .sub-menu .megamenu-flag {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 6px;
    }
    .sub-menu .megamenu-icon svg,
    .sub-menu .megamenu-icon-pro svg {
        width: 16px !important;
        height: 16px !important;
    }
    .sub-menu .megamenu-flag svg {
        width: 20px !important;
        height: 14px !important;
    }

    /* Hide description */
    .sub-menu a div p {
        display: none;
    }

    /* Submenu titles */
    .main-menu-title {
        color: #a5b4fc !important;
        font-size: 11px;
    }

    /* Submenu item titles */
    .sub-menu a div h3,
    .sub-menu a h3 {
        color: #fff !important;
        font-size: 13px;
        margin: 0;
    }

    /* Back button */
    .back-menu {
        background: #0f0d2e;
        border-color: #312e81 !important;
    }
    .back-menu span {
        color: #fff !important;
    }

    /* Close button */
    .menu-wrap .close-menu {
        background: #7c3aed;
        border-radius: 8px;
    }
    .menu-wrap .close-menu i {
        color: #fff;
    }
}