/**
 * Antigravity Hero — Styles
 *
 * Canvas container + fallback styling for the WebGL grid effect.
 *
 * @package Pond_Apex
 * @since   1.3.0
 */

/* Container — absolute fill behind row content */
.pa-ah-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

/* Canvas element */
.pa-ah-canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* Fallback — shown when WebGL is not available or mobile disabled */
.pa-ah-fallback {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Reduced motion — hide canvas, show background color */
@media (prefers-reduced-motion: reduce) {
	.pa-ah-canvas {
		display: none !important;
	}

	.pa-ah-container {
		background-color: var(--pa-ah-color-bg, #0a0a0a);
	}
}

/* Print — hide effect entirely */
@media print {
	.pa-ah-container {
		display: none !important;
	}
}