/* Hide dropdowns initially */
.dropdown-menu {
    display: none !important; /* Ensure it's always hidden by default */
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
    min-width: 200px;
    padding: 0;
}

/* Show dropdown on hover */
.nav-item.dropdown:hover > .dropdown-menu,
.nav-item.dropdown:focus-within > .dropdown-menu {
    display: block !important; /* Force it to show */
}

/* Hide nested dropdowns initially */
.nested-dropdown {
    display: none !important;
    position: absolute;
    left: 100%;
    transform: translateY(-50px);
    min-width: 200px;
    max-height: 250px; /* Set max height */
    overflow-y: auto; /* Enable scrolling */
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Show nested dropdowns when parent is hovered */
.submenu-item.dropdown:hover > .nested-dropdown {
    display: block !important;
}

/* Style the scrollbar (optional) */
.nested-dropdown::-webkit-scrollbar {
    width: 8px;
}

.nested-dropdown::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.nested-dropdown::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#map {
    width: 100%;
    height: 400px; /* Adjust as needed */
}