/* ==========================================================================
   animations.css — keyframes, stagger, parallax, reveal
   ========================================================================== */

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

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Hero H1 fade-in-up na load */
.hero__inner > .h1-hero {
  animation: fadeInUp 1s ease-out both;
}

.hero__inner > .hero__sub {
  animation: fadeInUp 1s ease-out 0.25s both;
}

.hero__inner > .hero__cta,
.hero__inner > .btn {
  animation: fadeInUp 1s ease-out 0.45s both;
}

.hero__inner > .eyebrow {
  animation: fadeIn 1s ease-out both;
}

/* Reveal on scroll (Intersection Observer dodaje .is-visible) */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger za dish kartice (150ms) — JS postavlja --i */
.stagger > * {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  transition-delay: calc(var(--i, 0) * 150ms);
}

.stagger.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

/* Nav već ima transition u components.css (0.3s) */