/* פסוקא – מסגרת פסוקים מתחלפת */

.psuka-fr {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.psuka-fr__layer {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	opacity: 0;
	will-change: opacity, clip-path, transform, filter;
	transition:
		opacity   var(--psuka-speed, 900ms) ease,
		clip-path var(--psuka-speed, 900ms) cubic-bezier(.65, 0, .35, 1),
		transform var(--psuka-speed, 900ms) cubic-bezier(.22, 1, .36, 1),
		filter    var(--psuka-speed, 900ms) ease;
}

/* הבוררים כאן חייבים להיות ספציפיים יותר מכללי האנימציה שלמטה
   (.psuka-fr[data-anim="..."] .psuka-fr__layer), אחרת מצב המנוחה גובר
   על מצב הפעיל והשכבה נשארת חתוכה לאפס - כלומר הפסוק לא מופיע לעולם */
.psuka-fr[data-anim] .psuka-fr__layer.is-in {
	opacity: 1;
	clip-path: inset(0);
	transform: none;
	filter: none;
}

/* היוצא תמיד רק דוהה במקום, בלי לזוז - כדי שהפסוק לא ייצא מגבולות המסגרת */
.psuka-fr[data-anim] .psuka-fr__layer.is-out {
	opacity: 0;
	clip-path: inset(0);
	transform: none;
	filter: none;
	transition: opacity var(--psuka-out, 450ms) ease;
}

/* ניגוב מימין לשמאל - כיוון הקריאה בעברית */
.psuka-fr[data-anim="wipe-rtl"] .psuka-fr__layer  { clip-path: inset(0 0 0 100%); }

/* ניגוב משמאל לימין */
.psuka-fr[data-anim="wipe-ltr"] .psuka-fr__layer  { clip-path: inset(0 100% 0 0); }

/* נפתח מהמרכז החוצה */
.psuka-fr[data-anim="curtain"] .psuka-fr__layer   { clip-path: inset(0 50% 0 50%); }

/* נחשף מלמטה למעלה */
.psuka-fr[data-anim="reveal-up"] .psuka-fr__layer { clip-path: inset(100% 0 0 0); }

/* דהייה דרך מסגרת ריקה / הצלבה רכה - בלי חיתוך בכלל */
.psuka-fr[data-anim="fade-through"] .psuka-fr__layer,
.psuka-fr[data-anim="fade"] .psuka-fr__layer      { clip-path: none; }

/* נכנס מטושטש ומתחדד */
.psuka-fr[data-anim="blur-in"] .psuka-fr__layer   { clip-path: none; filter: blur(14px); }

/* התקרבות עדינה */
.psuka-fr[data-anim="zoom-soft"] .psuka-fr__layer { clip-path: none; transform: scale(1.06); }

/* עולה ומתייצב */
.psuka-fr[data-anim="drift-up"] .psuka-fr__layer  { clip-path: none; transform: translateY(3%); }

/* התוכן של הבאנר נשאר מעל השכבות */
.psuka-fr-host > *:not(.psuka-fr) {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.psuka-fr__layer {
		transition: opacity 300ms linear;
		clip-path: none !important;
		transform: none !important;
		filter: none !important;
	}
}