/* Show dropdown on hover */
.show-on-hover:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Adjust if needed */
    border: 1px solid #ccc;
}

/* Optional: close when mouse leaves dropdown */
.show-on-hover .dropdown-menu {
    display: none;
    transition: all 0.2s ease-in-out;
    position: absolute;
}