/**
 * Custom Elementor Widgets - Liquid Ether Stylesheet
 *
 * Scoped layout and styling rules for the Liquid Ether fluid simulation.
 *
 * @package CustomElementorWidgets
 */

/* Main fluid container styling */
.cew-liquid-ether-container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 400px; /* Fallback height inside Elementor layout */
	overflow: hidden;
	background: transparent;
	
	/* Disable browser touch zooming/scrolling inside simulation canvas */
	touch-action: none;
}

/* Scoped canvas styling */
.cew-liquid-ether-container canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: auto;
}