/* Mobile menu submenu toggle styling */
.submenu-toggle {
    display: none;
    margin-left: 8px;
    position: relative;
    top: 0;
}

@media only screen and (max-width: 992px) {
    /* Show submenu toggle indicators on mobile */
    .submenu-toggle {
        display: inline-block;
    }
    
    /* Adjust submenu styling on mobile */
    #mainmenu ul {
        display: none; /* Hide submenus by default */
        position: relative;
        top: 0;
        width: 100%;
        background: rgba(21, 21, 21, 0.98);
        border-radius: 0;
        margin-top: 0;
        padding: 0;
        border: none;
    }
    
    /* Adjust submenu items on mobile */
    #mainmenu li ul li {
        padding-left: 20px;
    }
    
    /* Ensure submenu links take full width on mobile */
    #mainmenu li ul li a {
        width: 100%;
        display: block;
    }
}