/* Initially hide the menu, prepare for transition */
.navbar-nav .nav-item .dropdown-menu {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.9s, transform 0.9s;
  pointer-events: none;
}

/* When hovering, show + animate */
.navbar-nav .nav-item .dropdown-menu.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}