/*------------------------------------------------------------------
[ AB Smoke — самостоятелен слой пушек ]

Един wrapper + един canvas. Размерът идва от inline width/height
(или от родителя при „fill“), маската и смесването — от inline
променливите, които шорткодът задава.

Ползва се и в Slider Revolution като леър: [ab-smoke].
------------------------------------------------------------------*/

.ab-smk {
	position: relative;
	display: block;
	overflow: hidden;
	pointer-events: none;
	width: var(--ab-smk-w, 100%);
	height: var(--ab-smk-h, 60vh);
	mix-blend-mode: var(--ab-smk-mix, normal);
}

/* Разпъва се върху най-близкия позициониран родител (слайда в RevSlider) */
.ab-smk--fill {
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
}

.ab-smk__c {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* Стопява се нагоре и към страните, за да няма видим ръб на canvas-а.
	   Двете маски се засичат (intersect), както е в AB Hero. */
	-webkit-mask-image: linear-gradient(
			to top,
			#000 0%,
			#000 var(--ab-smk-fade-top, 45%),
			transparent var(--ab-smk-fade-end, 100%)
		),
		linear-gradient(
			to right,
			transparent 0%,
			#000 var(--ab-smk-fade-side, 10%),
			#000 calc(100% - var(--ab-smk-fade-side, 10%)),
			transparent 100%
		);
	mask-image: linear-gradient(
			to top,
			#000 0%,
			#000 var(--ab-smk-fade-top, 45%),
			transparent var(--ab-smk-fade-end, 100%)
		),
		linear-gradient(
			to right,
			transparent 0%,
			#000 var(--ab-smk-fade-side, 10%),
			#000 calc(100% - var(--ab-smk-fade-side, 10%)),
			transparent 100%
		);
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
	will-change: transform;
}

/* ── Мобилни ───────────────────────────────────────────────────── */

@media (max-width: 767px) {
	.ab-smk--mob-off {
		display: none;
	}
}

/* ── Без анимации ──────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	.ab-smk--reduced-hide {
		display: none;
	}
}