/* Make dropdown horizontal */
.dropdown-menu {
    display: flex !important;
    flex-wrap: wrap; /* allows wrapping if too many items */
    flex-direction: row !important;
    gap: 15px; /* spacing between items */
    width: auto; /* stop full-width vertical stretching */
}

/* Style individual items */
.dropdown-menu li {
    display: inline-block;
}

/* Optional: make it look cleaner */
.dropdown-menu li a {
    white-space: nowrap;
    padding: 8px 12px;
}