/**
 * Fade-Up Animation System
 *
 * Scroll-triggered fade-up applied to every Atega block automatically
 * via the render_block filter (see lib/load-assets.php).
 *
 * Optional staggered children: any descendant with .fade-item inside an
 * .atega-fade-up container will stagger its appearance.
 */

/* Base — block hidden and shifted down until in view */
.atega-fade-up {
	transform: translateY(24px);
	opacity: 0;
	transition: transform 600ms cubic-bezier(0.25, 0.1, 0.25, 1),
				opacity 500ms ease;
	will-change: transform, opacity;
}

.atega-fade-up.is-visible {
	transform: translateY(0);
	opacity: 1;
}

/* Optional: inner fade-item children stagger when the parent enters view */
.atega-fade-up .fade-item {
	transform: translateY(16px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1),
				opacity 400ms ease;
}

.atega-fade-up.is-visible .fade-item {
	transform: translateY(0);
	opacity: 1;
}

/* Accessibility — respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.atega-fade-up,
	.atega-fade-up .fade-item {
		transform: none;
		opacity: 1;
		transition: none;
	}
}