/* menu.css */

/* Hide the main mobile menu initially */
#mobile_menu {
    display: none;
}

/* Show the main mobile menu when opened */
#mobile_menu.opened {
    display: block;
}

/* Change hamburger to X when menu is opened */
.mobile_menu_bar_toggle.opened:before {
    content: "✕"; /* Makes an “X” icon if you want */
}

/* Hide all submenus by default */
#mobile_menu .sub-menu {
    display: none;
    padding-left: 15px;
}

/* Show submenu when JS adds "submenu-open" */
#mobile_menu .submenu-open > .sub-menu {
    display: block;
}

/* Arrow styling */
.submenu-toggle {
    float: right;
    font-size: 18px;
    cursor: pointer;
    padding: 0 10px;
    user-select: none;
}

/* Ensure ALL submenus are hidden by default */
#mobile_menu li ul.sub-menu {
    display: none !important;
    padding-left: 15px;
}

/* Show submenu only when JS adds submenu-open */
#mobile_menu li.submenu-open > ul.sub-menu {
    display: block !important;
}