/**
 * CanvaMotion for Elementor — Frontend Styles
 *
 * Positions the <canvas> element behind all container content
 * and ensures the container creates a new stacking context so
 * child elements stay above the animation layer.
 */

/* The animated container must be relatively positioned
   so the absolutely-placed canvas is confined to it. */
[data-elean-type] {
	position: relative !important;
	overflow: hidden !important; /* clips canvas to container bounds */
}

/* The animation canvas sits at z-index 0, behind all content. */
.elean-canvas {
	position: absolute !important;
	top:      0 !important;
	left:     0 !important;
	width:    100% !important;
	height:   100% !important;
	z-index:  0 !important;

	/* Canvas does not receive pointer events;
	   mouse events are captured by the container element instead
	   so clicks/links inside the container continue to work. */
	pointer-events: none !important;

	/* Respect any border-radius set on the parent container. */
	border-radius: inherit;

	/* Prevent canvas from being treated as an inline element
	   which could add unexpected whitespace. */
	display: block;
}

/* Push all direct children (Elementor inner elements, widgets, etc.)
   above the canvas layer so they remain fully interactive. */
[data-elean-type] > *:not( .elean-canvas ) {
	position: relative;
	z-index:  1;
}