/* Hover to show dropdowns */
.navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
}

/* Submenu positioning: Appear to the right on hover */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;  /* Position to the right of parent */
    margin-top: -1px;  /* Overlap slightly */
    min-width: 200px;  /* Adjust width as needed */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);  /* Match Bootstrap shadow */
}

/* Hover effect for submenu */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Prevent submenu from closing on mouse leave (optional enhancement) */
.dropdown-submenu > a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a::after {
    border-left-color: #fff;
}

/* Mobile: Fall back to click (Bootstrap default) */
@media (max-width: 991.98px) {
    .dropdown-submenu .dropdown-menu {
        position: static;
        left: auto;
        margin-left: 20px;
    }
}