/* Positioning for submenus */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

/* Optional: show submenu on hover for desktop */
@media (min-width: 992px) {
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
}