/**
 * Aurora for Elementor — Gradient Module: base styles
 *
 * The instance-specific rules (colors, positions, keyframes, speed)
 * are injected dynamically by gradient-module.js into
 * <style id="aurora-gradient-dynamic-styles">. This file only
 * contains what's needed for the effect to work predictably on any
 * theme/element, plus the reduced-motion accessibility guard.
 *
 * @package Aurora
 */

/* Containers with an animated gradient: an isolated stacking context
   so the ::before (z-index:-1) never appears above the content, and
   overflow:hidden to contain the blurred blob layer, which is
   deliberately larger than the visible area (negative inset). */
.aurora-gradient-host {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

/* Text with an animated gradient (Heading / Text Editor). */
.aurora-gradient-text {
	background-repeat: no-repeat;
}

@media (prefers-reduced-motion: reduce) {
	.aurora-gradient-host::before,
	.aurora-gradient-text {
		animation: none !important;
	}
}