/* =============================================================================
   Jagdkurs Kirchdorf – Bewegung (nur Frontend, nur mit JavaScript und ohne
   "prefers-reduced-motion"). Inhalte bleiben ohne JS vollständig sichtbar.
   ============================================================================= */
@media (prefers-reduced-motion: no-preference) {

	/* Einblenden beim Scrollen */
	html.js .jk-reveal {
		opacity: 0;
		transform: translateY(22px);
		transition: opacity 0.9s var(--jk-ease), transform 0.9s var(--jk-ease);
	}
	html.js .jk-reveal.is-visible {
		opacity: 1;
		transform: none;
	}
	html.js .jk-stagger > * {
		opacity: 0;
		transform: translateY(16px);
		transition: opacity 0.7s var(--jk-ease), transform 0.7s var(--jk-ease);
		transition-delay: calc(var(--jk-i, 0) * 70ms);
	}
	html.js .jk-stagger.is-visible > * {
		opacity: 1;
		transform: none;
	}

	/* Hero: ein orchestrierter Auftritt beim Laden */
	@keyframes jk-rise {
		from { opacity: 0; transform: translateY(28px); }
		to   { opacity: 1; transform: none; }
	}
	@keyframes jk-kenburns {
		from { transform: scale(1.1); }
		to   { transform: scale(1); }
	}
	@keyframes jk-dawn {
		from { filter: brightness(0.35) saturate(0.7); }
		to   { filter: brightness(1) saturate(1); }
	}
	@keyframes jk-fog {
		0%   { transform: translate3d(-4%, 0, 0) scale(1); }
		50%  { transform: translate3d(4%, -2%, 0) scale(1.06); }
		100% { transform: translate3d(-4%, 0, 0) scale(1); }
	}
	html.js .jk-hero .wp-block-cover__image-background {
		animation: jk-kenburns 18s var(--jk-ease) both, jk-dawn 3.2s ease-out both;
	}
	html.js .jk-hero::after {
		animation: jk-fog 42s ease-in-out infinite;
	}
	html.js .jk-hero__title   { animation: jk-rise 1s var(--jk-ease) 0.15s both; }
	html.js .jk-hero__lead    { animation: jk-rise 1s var(--jk-ease) 0.3s both; }
	html.js .jk-hero__buttons { animation: jk-rise 1s var(--jk-ease) 0.45s both; }
	html.js .jk-hero__termin > * { animation: jk-rise 1.1s var(--jk-ease) 0.6s both; }

	/* Mobile-Menü: Einträge nacheinander */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		animation: jk-rise 0.55s var(--jk-ease) both;
		animation-delay: calc(var(--jk-i, 0) * 60ms + 80ms);
	}

	/* Countdown-Ziffern */
	.jk-termin__zahl.is-changed {
		animation: jk-rise 0.5s var(--jk-ease);
	}
}