/**
 * EPB Parallax Background Widget
 *
 * The widget wrapper is pulled out of normal flow and stretched over its
 * parent container. JS applies transform: translateY() on scroll.
 */

/* Widget wrapper: cover the parent container completely, sit behind content */
.elementor-widget-epb-parallax-bg {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: clip;
}

/* Inner image element: base scale ensures coverage; JS adds translateY + scaleY on top */
.epb-parallax-bg__image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	will-change: transform;
	transform-origin: center center;
}

/* Chromatic aberration layers — created dynamically by JS when CA_MAX > 0 */
.epb-parallax-bg__ca {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	transform-origin: center center;
	opacity: 0.35;
}
.epb-parallax-bg__ca--r {
	filter: sepia(1) saturate(8) hue-rotate(0deg);
	-webkit-mask-image: linear-gradient(to right, transparent 55%, black 90%);
	mask-image:         linear-gradient(to right, transparent 55%, black 90%);
}
.epb-parallax-bg__ca--b {
	filter: sepia(1) saturate(8) hue-rotate(210deg);
	-webkit-mask-image: linear-gradient(to left, transparent 55%, black 90%);
	mask-image:         linear-gradient(to left, transparent 55%, black 90%);
}

/* Optional overlay */
.epb-parallax-bg__overlay {
	position: absolute;
	inset: 0;
}