/* shared/reveal.css — Scroll-reveal animation */

@media (prefers-reduced-motion: no-preference) {

  /* ── Base hidden state ─────────────────────────────────────────── */
  [data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity  0.62s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.62s cubic-bezier(0.16, 1, 0.3, 1);
  }

  [data-reveal].is-visible {
    opacity: 1;
    transform: none;
  }

  /* ── Stagger delays for top-level reveals ──────────────────────── */
  [data-reveal][data-delay="1"] { transition-delay: 0.12s; }
  [data-reveal][data-delay="2"] { transition-delay: 0.24s; }
  [data-reveal][data-delay="3"] { transition-delay: 0.36s; }

  /* ── Card stagger inside revealed group (dogs & puppies) ───────── */
  .dogs-group[data-reveal]   .dog-card,
  .puppies-group[data-reveal] .puppy-card {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity  0.50s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.50s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .dogs-group[data-reveal].is-visible   .dog-card,
  .puppies-group[data-reveal].is-visible .puppy-card {
    opacity: 1;
    transform: none;
  }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(1),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(1) { transition-delay: 0.08s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(2),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(2) { transition-delay: 0.16s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(3),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(3) { transition-delay: 0.24s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(4),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(4) { transition-delay: 0.32s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(5),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(5) { transition-delay: 0.40s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(6),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(6) { transition-delay: 0.48s; }

  .dogs-group[data-reveal].is-visible   .dog-card:nth-child(n+7),
  .puppies-group[data-reveal].is-visible .puppy-card:nth-child(n+7) { transition-delay: 0.54s; }

  /* ── Card stagger inside news year block ───────────────────────── */
  .news-calendar-year[data-reveal] .news-card {
    opacity: 0;
    transform: translateY(16px);
    transition:
      opacity  0.46s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.46s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .news-calendar-year[data-reveal].is-visible .news-card {
    opacity: 1;
    transform: none;
  }

  .news-calendar-year[data-reveal].is-visible .news-card:nth-child(1) { transition-delay: 0.10s; }
  .news-calendar-year[data-reveal].is-visible .news-card:nth-child(2) { transition-delay: 0.20s; }
  .news-calendar-year[data-reveal].is-visible .news-card:nth-child(3) { transition-delay: 0.30s; }
  .news-calendar-year[data-reveal].is-visible .news-card:nth-child(n+4) { transition-delay: 0.38s; }
}