/* FluxCore Background Effects — pure CSS animated gradient, no JS involved.
   Applied per-element via the "FluxCore Background Effect" toggle inside
   Elementor's Style tab (Container / Section / Column / Div Block), not
   automatically site-wide. */
.fx-bg-effect-yes {
	--fx-bg-color-1: #87e64b;
	--fx-bg-color-2: #000000;
	--fx-bg-speed: 20s;

	background: linear-gradient(120deg, var(--fx-bg-color-1), var(--fx-bg-color-2), var(--fx-bg-color-1)) !important;
	background-size: 200% 200% !important;
	animation: fxBgShift var(--fx-bg-speed) ease infinite;
}

@keyframes fxBgShift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fx-bg-effect-yes {
		animation: none;
		background-position: 0% 50%;
	}
}