/* Custom styles that Tailwind utility classes can't cover */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Hero carousel transitions */
.carousel-slide {
  transition: opacity 0.5s ease-in-out;
}

/* Navigation dropdown */
.nav-dropdown {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.nav-item:hover .nav-dropdown {
  opacity: 1;
  visibility: visible;
}

/* Mobile menu */
.mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}

.mobile-menu.open {
  transform: translateX(0);
}

/* Mobile overlay */
.mobile-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-overlay.open {
  opacity: 1;
  visibility: visible;
}