/* ירוק ירוק — heading entrance (headings.php / headings.js). Everything here lives under html.yy-tx, which is only
   set when motion is allowed; unsplit titles are hidden until the JS runs, with a 2.5s failsafe if it never does. */
html.yy-tx .elementor-widget-heading :is(h1,h2).elementor-heading-title:not(.yy-split){opacity:0;animation:yy-tx-failsafe 0s 2.5s forwards}
@keyframes yy-tx-failsafe{to{opacity:1}}

/* words: rise out of a soft blur, staggered */
html.yy-tx .yy-split .yy-wi{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.42em);
	transition:opacity .6s ease,filter .7s ease,transform .75s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--i,0) * 70ms);will-change:transform,filter}
html.yy-tx .yy-split.is-in .yy-wi{opacity:1;filter:none;transform:none}

/* highlight: hand-drawn brush stroke drawn right→left behind the highlighted words */
html.yy-tx .yy-split :is(.yy-hl,.yy-hl-green,.yy-hl-dark){position:relative;z-index:0;isolation:isolate}
html.yy-tx .yy-split :is(.yy-hl,.yy-hl-green,.yy-hl-dark)::after{content:"";position:absolute;z-index:-1;inset-inline:-.12em;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 13c19-7 47-9 75-8 30 1 58 3 88 1 11-1 21-3 29-2 3 4 2 8-2 10-20 3-44 3-66 3-34 0-68 1-99 3-12 1-22 2-27-1-3-2-1-5 2-6z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 13c19-7 47-9 75-8 30 1 58 3 88 1 11-1 21-3 29-2 3 4 2 8-2 10-20 3-44 3-66 3-34 0-68 1-99 3-12 1-22 2-27-1-3-2-1-5 2-6z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
	clip-path:inset(0 0 0 100%);transition:clip-path .75s cubic-bezier(.65,0,.35,1) var(--hd,600ms)}
html.yy-tx .yy-split.is-in :is(.yy-hl,.yy-hl-green,.yy-hl-dark)::after{clip-path:inset(0 0 0 0)}
/* green words on light backgrounds → translucent lime marker behind the lower half */
html.yy-tx .yy-split .yy-hl-green::after{bottom:.02em;height:.52em;background:rgba(201,227,107,.72)}
/* lime words on dark backgrounds → lime underline stroke */
html.yy-tx .yy-split .yy-hl::after{bottom:-.1em;height:.2em;background:#C9E36B}
/* dark words → dark green underline stroke */
html.yy-tx .yy-split .yy-hl-dark::after{bottom:-.1em;height:.2em;background:#104F2A}