/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* =============================================================
   ANIMATION SYSTEM
   Vanilla JS + CSS – bez zewnętrznych bibliotek
   ============================================================= */

/* ── Scroll fade-in ───────────────────────────────────────────
   Elementy z klasą .scroll-animate startują niewidoczne.
   IntersectionObserver dodaje .scroll-animate--in gdy
   element wejdzie w viewport.
   Karty w gridach (siblings) dostają stagger przez
   transitionDelay ustawiony inline przez JS (100 ms krok).
   ─────────────────────────────────────────────────────────── */
.scroll-animate {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity  0.65s cubic-bezier(0.33, 1, 0.68, 1),
    transform 0.65s cubic-bezier(0.33, 1, 0.68, 1);
}

.scroll-animate--in {
  opacity: 1;
  transform: translateY(0);
}

/* ── Reduced motion ───────────────────────────────────────────
   Szanujemy preferencje systemowe użytkownika.
   ─────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .scroll-animate {
    transition: none;
    opacity: 1;
    transform: none;
  }
}