/* ============================================================
   Image Trail for Elementor — Schmidt.Studio
   ============================================================ */

/* :where() = especificidade zero → se você definir outra posição
   no Elementor (sticky, absolute…), a sua regra vence. */
:where(.st-trail--yes) { position: relative; }

/* "Atrás do conteúdo": isolation cria um contexto de empilhamento
   próprio, então o z-index:-1 da camada fica ACIMA do fundo da seção
   e ABAIXO dos filhos. */
.st-trail--yes.st-trail-pos--behind { isolation: isolate; }

.st-trail-layer {
	position: absolute;
	inset: 0;
	pointer-events: none;                 /* nunca bloqueia cliques no conteúdo */
	overflow: var(--st-trail-overflow, hidden);
	z-index: var(--st-trail-z, 5);
}
.st-trail-pos--behind > .st-trail-layer { z-index: -1; }

/* Especificidade (0,2,0) vence o reset de img do Elementor/tema */
.st-trail-layer .st-trail-tile {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0;
	width: var(--st-trail-w, 220px);
	max-width: none;
	height: auto;
	aspect-ratio: var(--st-trail-ratio, auto);   /* auto = proporção original */
	object-fit: cover;
	border-radius: var(--st-trail-radius, 0);
	opacity: 0;                                   /* invisível até disparar */
	will-change: transform, opacity;
	user-select: none;
	-webkit-user-drag: none;
}