/**
 * MetaSolutions MobileMenu – show only on mobile (max-width: 767px)
 * mburger (elastic + spin) + mmenu.js; hidden on desktop.
 */

/* Prevent flash: hide nav until mmenu has inited (JS removes .metasolutions-mobilemenu-nav--loading) */
#metasolutions-mobile-menu.metasolutions-mobilemenu-nav--loading {
    visibility: hidden !important;
    pointer-events: none;
}

/* Desktop: hide entire mobile menu wrapper */
@media (min-width: 768px) {
    .metasolutions-mobilemenu-wrapper {
        display: none !important;
    }
}

/* Mobile: hide all other hamburgers so only our mburger trigger is visible */
@media (max-width: 767px) {
    /* Theme/header nav toggle */
    .page-header .amtheme-navigation-icon,
    .page-header [data-action="toggle-nav"],
    .amtheme-navigation-icon,
    [data-action="toggle-nav"] {
        display: none !important;
    }
    /* Rootways megamenu mobile hamburger (e.g. "All Categories" icon) */
    .rootmenu > .rootmenu-list .rootmenu-mobile,
    .rootmenu .verticalmenu-mobile {
        display: none !important;
    }
}

/* Mobile: header stays above the open menu (menu not above header) */
@media (max-width: 767px) {
    .page-header {
        position: relative;
        z-index: 10000;
    }
}

/* Mobile: show wrapper, mburger trigger and nav */
@media (max-width: 767px) {
    .metasolutions-mobilemenu-wrapper {
        display: block;
    }

    .metasolutions-mobilemenu-wrapper a.metasolutions-mobilemenu-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        position: relative;
        z-index: 1002;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation; /* faster tap on iOS, no 300ms delay */
    }
    .metasolutions-mobilemenu-wrapper a.metasolutions-mobilemenu-trigger mm-burger {
        padding: 5px;
    }

    /* Nav is off-canvas; mmenu.js positions it */
    .metasolutions-mobilemenu-nav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
    }

    /*
     * mmenu width = clamp(--mm-min-size, --mm-size, --mm-max-size). Default --mm-size is 80%;
     * % is often resolved vs full layout width (not viewport) inside .mm-wrapper → ~440px drawer
     * on a 241px-wide screen until vw≈550. Use vw in --mm-size; sync vars on wrapper + menu.
     */
    .mm-wrapper:has(#metasolutions-mobile-menu),
    #metasolutions-mobile-menu.mm-menu--position-left,
    #metasolutions-mobile-menu.mm-menu--position-left-front,
    #metasolutions-mobile-menu.mm-menu--position-right,
    #metasolutions-mobile-menu.mm-menu--position-right-front {
        --mm-min-size: 0px;
        --mm-size: min(80vw, 440px);
        --mm-max-size: 100vw;
    }

    /* Submenu row: text may shrink; keep chevron on-screen (mmenu default flex-wrap can drop it) */
    #metasolutions-mobile-menu .mm-listitem {
        flex-wrap: nowrap;
    }

    #metasolutions-mobile-menu .mm-listitem__text {
        min-width: 0;
    }

    #metasolutions-mobile-menu .mm-btn.mm-btn--next.mm-listitem__btn,
    #metasolutions-mobile-menu a.mm-listitem__btn.mm-btn--next {
        flex-shrink: 0;
    }
}

/* Submenu "next" button – make clearly visible (mmenu addon) */
#metasolutions-mobile-menu .mm-btn--next,
#metasolutions-mobile-menu .mm-listitem__btn,
#metasolutions-mobile-menu .mm-next {
    opacity: 1 !important;
    color: #333 !important;
    min-width: 44px;
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.06) !important;
}
/* Right-pointing arrow (SVG) for submenu "next" button – gold #cfaa5d */
#metasolutions-mobile-menu .mm-btn--next::after,
#metasolutions-mobile-menu .mm-next::after,
#metasolutions-mobile-menu .mm-listitem__btn::after {
    content: '' !important;
    border: none !important;
    width: 12px !important;
    height: 12px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjY2ZhYTVkIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMzAgMzMwIiB4bWxzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9IlhNTElEXzI3XyIgZD0iTTE1LDE4MGgyNjMuNzg3bC00OS4zOTQsNDkuMzk0Yy01Ljg1OCw1Ljg1Ny01Ljg1OCwxNS4zNTUsMCwyMS4yMTNDMjMyLjMyMiwyNTMuNTM1LDIzNi4xNjEsMjU1LDI0MCwyNTUNCglzNy42NzgtMS40NjUsMTAuNjA2LTQuMzk0bDc1LTc1YzUuODU4LTUuODU3LDUuODU4LTE1LjM1NSwwLTIxLjIxM2wtNzUtNzVjLTUuODU3LTUuODU3LTE1LjM1NS01Ljg1Ny0yMS4yMTMsMA0KCWMtNS44NTgsNS44NTctNS44NTgsMTUuMzU1LDAsMjEuMjEzTDI3OC43ODcsMTUwSDE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1UzYuNzE2LDE4MCwxNSwxODB6Ii8+DQo8L3N2Zz4=');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1 !important;
    transform: none !important;
}

/* mm-navbar – gold accent for links */
#metasolutions-mobile-menu .mm-navbar a {
    color: #cfaa5d !important;
}

/* Top bar: hidden spacer + auth block share one row without clipping */
#metasolutions-mobile-menu .mm-navbars--top > .mm-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Auth navbar – flex so links stay inside drawer (absolute + right:0 clipped “Registruotis”) */
#metasolutions-mobile-menu .mm-navbar--auth {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.25em 0.5em;
    min-width: 0;
    padding-inline: 10px;
    box-sizing: border-box;
}
#metasolutions-mobile-menu .mm-navbar--auth .mm-navbar__btns {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5em;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}
#metasolutions-mobile-menu .mm-navbar--auth .mm-navbar__link {
    color: #cfaa5d !important;
    text-decoration: none;
}
#metasolutions-mobile-menu .mm-navbar--auth .mm-navbar__sep {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9em;
}

#metasolutions-mobile-menu .mm-btn.mm-btn--next.mm-listitem__btn {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Paslėpti apatinį navbar (Home) – galbūt naudosime vėliau */
#metasolutions-mobile-menu .mm-navbars--bottom {
    display: none !important;
}

/* Grupių antraštės (klonas iš desktop megamenu) – ne .rootmenu, todėl atskira nuo megamenu-group.css */
#metasolutions-mobile-menu a.metasolutions-mobilemenu-group-title,
#metasolutions-mobile-menu .mm-listitem.metasolutions-mobilemenu-group-item > .mm-listitem__text {
    text-transform: uppercase;
    font-size: 16px;
}
#metasolutions-mobile-menu a.metasolutions-mobilemenu-group-title:hover,
#metasolutions-mobile-menu a.metasolutions-mobilemenu-group-title:focus,
#metasolutions-mobile-menu .mm-listitem.metasolutions-mobilemenu-group-item > .mm-listitem__text:hover,
#metasolutions-mobile-menu .mm-listitem.metasolutions-mobilemenu-group-item > .mm-listitem__text:focus {
    text-decoration: underline;
}