/**
 * Festive Backgrounds — Base CSS
 *
 * Static positioning for the canvas container.
 * Per-row dynamic CSS is generated by Pond_Apex_Festive_BG_Renderer.
 *
 * @package Pond_Apex
 * @since   1.3.0
 */

.pp-fb-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.pp-fb-canvas {
	display: block;
	width: 100%;
	height: 100%;
	/* GPU acceleration */
	will-change: contents;
	transform: translateZ(0);
}

/* Reduced motion — stop animations, show nothing */
@media (prefers-reduced-motion: reduce) {
	.pp-fb-container[data-reduced-motion="respect"] {
		display: none !important;
	}
}

/* Print — never print particle canvases */
@media print {
	.pp-fb-container {
		display: none !important;
	}
}