/* wwwroot/css/helper/animations.css */

/* ============================================================
   Fade
   ============================================================ */

@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.u-fade-in {
  animation: fade-in var(--transition-duration-base) var(--transition-easing-out);
}

/* ============================================================
   Hover
   ============================================================ */

.u-hover-lift {
  transition: var(--transition-base);
}

.u-hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
}

/* ============================================================
   Smooth Expand (FAQ accordion, collapsible panels)
   ============================================================ */

.u-expand {
  overflow: hidden;
  transition: max-height var(--faq-transition);
}

.u-expand[hidden] {
  display: block;
  max-height: 0;
}

/* ============================================================
   Reduced Motion
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}