/* ==========================================================
   ARTEMIS LIKA — animacije pri pomicanju stranice (naslovnica)
   ----------------------------------------------------------
   Uključuje se samo na naslovnici, zajedno s assets/animacije.js.
   Uklanjanje: alati/animacije.bat (ili ručno maknuti dva reda iz index.html).

   Bez JavaScripta ili uz postavku "smanji animacije" sve ostaje
   vidljivo i nepomično — animacije se aktiviraju tek kad JS
   doda klasu .anim-ready na <html>.
   ========================================================== */

/* polazno stanje — samo kad su animacije aktivne */
.anim-ready [data-anim] {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.anim-ready [data-anim="up"] { transform: translateY(26px); }
.anim-ready [data-anim="fade"] { transform: none; }
.anim-ready [data-anim="zoom"] { transform: scale(0.97); }

/* završno stanje */
.anim-ready [data-anim].is-visible {
  opacity: 1;
  transform: none;
}

/* naslovna slika: vrlo sporo, jedva primjetno približavanje */
.anim-ready .hero-media img {
  animation: artemis-hero-zoom 24s ease-out both;
}
@keyframes artemis-hero-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.06); }
}

/* brojke u statistici — bez poskakivanja dok se odbrojava */
.stat strong { font-variant-numeric: tabular-nums; }

/* ==========================================================
   Poštovanje postavke "smanji animacije" (Windows, iOS, Android).
   Tada nema nikakvog pokreta, sve je odmah vidljivo.
   ========================================================== */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .anim-ready [data-anim],
  .anim-ready [data-anim].is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
  .anim-ready .hero-media img { animation: none !important; }
  /* postojeći prijelazi na webu (hover na karticama i slikama) */
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}