/* Animacije pri skrolovanju (klase iz UGOVOR.md). Sakrivanje samo kad radi JS (.lwa-js) i nije reduced-motion. */
@media (prefers-reduced-motion: no-preference) {
	.lwa-js .lwa-anim {
		--lwa-anim-delay: 0ms;
		opacity: 0;
		transition: opacity 0.9s ease var(--lwa-anim-delay), transform 0.9s ease var(--lwa-anim-delay);
		will-change: opacity, transform;
	}
	.lwa-js .lwa-anim--fade-in-left { transform: translate3d(-60px, 0, 0); }
	.lwa-js .lwa-anim--fade-in-right { transform: translate3d(60px, 0, 0); }
	.lwa-js .lwa-anim--fade-in-up { transform: translate3d(0, 60px, 0); }
	.lwa-js .lwa-anim--fade-in-down { transform: translate3d(0, -60px, 0); }
	.lwa-js .lwa-anim--zoom-in { transform: scale(0.8); }

	.lwa-js .lwa-anim.is-visible {
		opacity: 1;
		transform: none;
		will-change: auto;
	}

	/* kasnjenje 100..1000ms */
	.lwa-anim--delay-100 { --lwa-anim-delay: 100ms; }
	.lwa-anim--delay-200 { --lwa-anim-delay: 200ms; }
	.lwa-anim--delay-300 { --lwa-anim-delay: 300ms; }
	.lwa-anim--delay-400 { --lwa-anim-delay: 400ms; }
	.lwa-anim--delay-500 { --lwa-anim-delay: 500ms; }
	.lwa-anim--delay-600 { --lwa-anim-delay: 600ms; }
	.lwa-anim--delay-700 { --lwa-anim-delay: 700ms; }
	.lwa-anim--delay-800 { --lwa-anim-delay: 800ms; }
	.lwa-anim--delay-900 { --lwa-anim-delay: 900ms; }
	.lwa-anim--delay-1000 { --lwa-anim-delay: 1000ms; }
}

/* U editoru uvek vidljivo. */
.editor-styles-wrapper .lwa-anim { opacity: 1 !important; transform: none !important; }