/* Bootstrap 5 Dropdown Hover Enhancement */

/* Desktop styles - show dropdown on hover */
@media (min-width: 992px) {
  .navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  
  /* Prevent dropdown toggle from navigating */
  .navbar .nav-item.dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
}

/* Mobile styles - keep default Bootstrap behavior */
@media (max-width: 991px) {
  .navbar .dropdown-menu {
    border: none;
    margin-left: 1rem;
  }
}