/**
 * 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;
    }
}

/* 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 */
#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,PHN2ZyBmaWxsPSIjZWQxYzI0IiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMzAgMzMwIiB4bWxzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9IlhNTElEXzI3XyIgZD0iTTE1LDE4MGgyNjMuNzg3bC00OS4zOTQsNDkuMzk0Yy01Ljg1OCw1Ljg1Ny01Ljg1OCwxNS4zNTUsMCwyMS4yMTNDMjMyLjMyMiwyNTMuNTM1LDIzNi4xNjEsMjU1LDI0MCwyNTUNCglzNy42NzgtMS40NjUsMTAuNjA2LTQuMzk0bDc1LTc1YzUuODU4LTUuODU3LDUuODU4LTE1LjM1NSwwLTIxLjIxM2wtNzUtNzVjLTUuODU3LTUuODU3LTE1LjM1NS01Ljg1Ny0yMS4yMTMsMA0KCWMtNS44NTgsNS44NTctNS44NTgsMTUuMzU1LDAsMjEuMjEzTDI3OC43ODcsMTUwSDE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1UzYuNzE2LDE4MCwxNSwxODB6Ii8+DQo8L3N2Zz4=');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1 !important;
    transform: none !important;
}

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

/* Toolbar (account + language) in mmenu bottom navbar — above footer / socials */
#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar {
    padding: 12px 14px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: #fafafa;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar__accounts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar__accounts > li {
    margin: 0;
    list-style: none;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar__accounts a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 4px;
    font-size: 14px;
    text-decoration: none;
    color: #333;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar__accounts a:hover,
#metasolutions-mobile-menu .metasolutions-mobilemenu-toolbar__accounts a:focus {
    text-decoration: underline;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-lang {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-lang__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 4px 10px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-lang__item.is-active {
    border-color: rgba(0, 0, 0, 0.12);
    background: #fff;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-lang__code {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

#metasolutions-mobile-menu .metasolutions-mobilemenu-lang__item img {
    display: block;
    border-radius: 2px;
}