/**
 * Pretpot Snowfall Effect Widget Styles
 */

.pretpot-snowfall-wrapper {
	position: relative;
}

.pretpot-snow-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.pretpot-snow-overlay.active {
	opacity: 1;
}

.pretpot-snow-overlay.dimmed::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, var(--dim-opacity, 0.3));
	z-index: -1;
}

.pretpot-snow-canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* Preview notice in Elementor editor */
.pretpot-snowfall-preview-notice {
	background: rgba(255, 255, 255, 0.95);
	border: 2px dashed #ccc;
	border-radius: 8px;
	margin: 20px;
}

.pretpot-snowfall-preview-notice p {
	margin: 5px 0;
}

/* Elementor editor styles */
.elementor-editor-active .pretpot-snow-overlay {
	position: absolute;
	max-height: 400px;
}

/* Ensure compatibility with containers and sections */
.elementor-section .pretpot-snowfall-wrapper,
.elementor-column .pretpot-snowfall-wrapper,
.e-container .pretpot-snowfall-wrapper,
.e-con .pretpot-snowfall-wrapper {
	position: relative;
}