/* Navigation — aligned with Lovable/React Navigation component */

.site-nav {
  background-color: hsl(var(--background) / 0.95);
}

.site-nav [data-dropdown-menu] {
  border-radius: 0.375rem;
  overflow: hidden;
  padding: 0.25rem;
  animation: nav-dropdown-in 0.15s ease-out;
}

.site-nav [data-dropdown-menu] a {
  border-radius: 0.25rem;
}

.site-nav [data-dropdown-toggle].is-open {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.site-nav [data-dropdown-toggle].is-open [data-chevron] {
  transform: rotate(180deg);
}

.site-nav [data-chevron] {
  transition: transform 0.2s ease;
}

@keyframes nav-dropdown-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.site-nav [data-mobile-menu]:not(.hidden) {
  animation: nav-mobile-in 0.2s ease-out;
}

@keyframes nav-mobile-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.site-nav .nav-auth-buttons a {
  text-decoration: none;
}