/* Simple fade/slide animation for dropdown menus */
.dropdown-animate {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.dropdown-menu.show.dropdown-animate {
  opacity: 1;
  transform: translateY(0);
  animation: dropdownFade 150ms ease forwards;
}

@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Match nav link sizing (uses Bootstrap .small ~0.875rem) */
.dropdown-animate .dropdown-item {
  font-size: 0.875rem;
}