/* ============================================================
   Потоци от снимки: колони в лека 3D перспектива, които текат нагоре и надолу.
   Променливи (идват от полетата; CSS на страницата може да ги смени):
     --st-bg     фонът под снимките          --st-o      прозрачност на снимките
     --st-blend  смесване (multiply…)        --st-gc     цвят на сиянието, --st-gx / --st-gy мястото му
     --rx / --rz наклон и завъртане          --cw / --ch размер на една снимка
   Слоят е зад съдържанието (z-index: -1 в рамката си: редът или колоната).
   ============================================================ */

.pfx.streams, .pfx.streams * { box-sizing: border-box; }
.pfx.streams { position: absolute; inset: 0; z-index: -1; margin: 0; overflow: clip; pointer-events: none; background: var(--st-bg, transparent); isolation: isolate; }
.pfx.streams .st-layer { position: absolute; inset: 0; perspective: 1900px; perspective-origin: 60% 40%; opacity: var(--st-o, .26); mix-blend-mode: var(--st-blend, multiply); }
.pfx.streams .st-plane { position: absolute; left: -22%; top: -95%; width: 144%; height: 290%; display: flex; justify-content: center; gap: 10px; transform: rotateX(var(--rx, 26deg)) rotateZ(var(--rz, -24deg)) scale(1.12); transform-origin: 50% 50%; }
.pfx.streams .st-col { display: flex; flex-direction: column; flex-shrink: 0; }
/* отстъпът е под всяка снимка (не gap), за да е точно половината при удвоената поредица: без шев;
   селекторът е по-силен от „.row .col img:not([srcset]) { width: auto }“ на Salient */
.pfx.streams .st-plane .st-col img { display: block; flex-shrink: 0; width: var(--cw, 180px); height: var(--ch, 228px); max-width: none; margin: 0 0 10px; padding: 0; border: 0; border-radius: 12px; object-fit: cover; box-shadow: none; }
.pfx.streams .st-glow { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 70% at var(--st-gx, 22%) var(--st-gy, 50%), color-mix(in srgb, var(--st-gc, #2AC4EA) 95%, transparent), transparent 70%); }

/* движението: само след като скриптът е удвоил поредицата (data-ready) и само докато се вижда (data-run) */
.pfx.streams[data-ready] .st-col { animation: st-up var(--dur, 60s) linear infinite; animation-play-state: paused; will-change: transform; }
.pfx.streams[data-ready] .st-col.dn { animation-name: st-dn; }
.pfx.streams[data-ready][data-run] .st-col { animation-play-state: running; }
@keyframes st-up { to { transform: translate3d(0, -50%, 0); } }
@keyframes st-dn { from { transform: translate3d(0, -50%, 0); } to { transform: translate3d(0, 0, 0); } }

/* „Зад целия ред“: рамката е редът на WPBakery; колоната и обвивките около потока не са рамка */
.wpb_row:has(> .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper > .pfx.streams.st-row) { isolation: isolate; overflow: clip; }
.wpb_row > .row_col_wrap_12:has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .pfx.streams.st-row),
.row_col_wrap_12 > .wpb_column:has(> .vc_column-inner > .wpb_wrapper > .pfx.streams.st-row),
.wpb_column > .vc_column-inner:has(> .wpb_wrapper > .pfx.streams.st-row),
.vc_column-inner > .wpb_wrapper:has(> .pfx.streams.st-row) { position: static; }
/* фонът на реда от Salient (.row-bg-wrap) е позициониран и без това би застанал над съдържанието
   (и би „крал“ кликовете по бутоните): слиза под потоците */
.wpb_row:has(> .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper > .pfx.streams.st-row) > .row-bg-wrap { z-index: -2; }
/* „Само зад колоната“ */
.wpb_column:has(> .vc_column-inner > .wpb_wrapper > .pfx.streams.st-in-col) { isolation: isolate; overflow: clip; }

@media (prefers-reduced-motion: reduce) {
  .pfx.streams .st-col { animation: none !important; }
}