/* ==========================================================================
   ANIMÁCIE — počiatočné stavy pre assets/js/animations.js

   Všetko je pod .enp-js (pridáva inline skript v hlavičke a skript ju
   odoberie pri prefers-reduced-motion) — bez JavaScriptu je obsah
   normálne viditeľný.
   ========================================================================== */

/* ---- Nadpisy po slovách (pôvodne GSAP SplitText) ----------------------- */

.enp-wordwrap {
	display: inline-block;
}

.enp-js [data-enp-words].is-split .enp-word {
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 0.8s var(--enp-ease-sine),
		transform 0.8s var(--enp-ease-sine);
}

.enp-js [data-enp-words].is-in .enp-word {
	opacity: 1;
	transform: none;
}

/* Nadpis bez prechodu farby (biely na tmavom paneli). */
[data-enp-words]:not(.enp-gradient) .enp-word {
	background: none;
	-webkit-text-fill-color: currentColor;
	color: inherit;
}

/* ---- Karty ------------------------------------------------------------- */

.enp-js .enp-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.7s var(--enp-ease-out),
		transform 0.7s var(--enp-ease-out);
	transition-delay: var(--enp-reveal-delay, 0s);
}

.enp-js .enp-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* ---- Odkrytie obrázkov (pôvodne .image-section / .main-section) -------- */

.enp-js .enp-clip-x,
.enp-js .enp-clip-y {
	transition: clip-path 1.5s var(--enp-ease-in-out);
}

.enp-js .enp-clip-x {
	clip-path: inset(0 100% 0 0);
}

.enp-js .enp-clip-y {
	clip-path: inset(0 0 100% 0);
}

.enp-js .enp-clip-x.is-visible,
.enp-js .enp-clip-y.is-visible {
	clip-path: inset(0 0 0 0);
}

/* ---- Rozostrenie (pôvodne .your-section-class) — hodnoty nastavuje JS -- */

@media (min-width: 769px) {
	.enp-js .enp-blur-in {
		will-change: filter, opacity;
	}
}

@media (prefers-reduced-motion: reduce) {
	.enp-js [data-enp-words].is-split .enp-word,
	.enp-js .enp-reveal,
	.enp-js .enp-clip-x,
	.enp-js .enp-clip-y {
		opacity: 1;
		transform: none;
		clip-path: none;
		transition: none;
	}
}