/**
 * BG Animation — front-end layer.
 *
 * The chosen animation renders into a single fixed, full-page, TRANSPARENT layer
 * behind all content. The site's own background is the background; the engine
 * never paints an opaque backdrop. Enqueued only when an animation is active.
 *
 * @package Outfitter\BrandSettings
 */

.obs-bg-layer {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

/*
 * Dedupe: when our global layer is active, hide the fishing design pack's
 * page-wide water motes (the hero-level .hero .motes / .caustics / .mist inside
 * obk_render_hero_fishing() are a separate, intentional hero treatment and are
 * left untouched).
 */
body.obs-has-bg #pageMotes,
body.obs-has-bg .page-motes {
	display: none;
}

/*
 * Reduced motion: the boot script mounts nothing, so the layer is empty. This is
 * a belt-and-suspenders stop in case anything is mounted, and pauses the
 * underwater CSS layers.
 */
@media ( prefers-reduced-motion: reduce ) {
	.obs-bg-layer,
	.obs-bg-layer * {
		animation: none !important;
		transition: none !important;
	}
}