/**
 * Alternating corner gradients for content section backgrounds.
 *
 * @package ALW
 * @since   1.0.0
 */

.alw-section.alw-section--gradient {
	position: relative;
	isolation: isolate;
}

.alw-section.alw-section--gradient::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: 0.85;
}

.alw-section.alw-section--gradient > * {
	position: relative;
	z-index: 1;
}

/* Odd sections: top right + bottom left. */
.alw-section.alw-section--gradient-a::before {
	background:
		radial-gradient(
			42rem circle at 92% 8%,
			var(--alw-primary-glow-40) 0%,
			transparent 58%
		),
		radial-gradient(
			34rem circle at 8% 92%,
			var(--alw-gold-20) 0%,
			transparent 54%
		),
		radial-gradient(
			50rem circle at 88% 12%,
			var(--alw-primary-10) 0%,
			transparent 68%
		);
}

/* Even sections: top left + bottom right. */
.alw-section.alw-section--gradient-b::before {
	background:
		radial-gradient(
			42rem circle at 8% 8%,
			var(--alw-primary-glow-40) 0%,
			transparent 58%
		),
		radial-gradient(
			34rem circle at 92% 92%,
			var(--alw-gold-20) 0%,
			transparent 54%
		),
		radial-gradient(
			50rem circle at 12% 12%,
			var(--alw-primary-10) 0%,
			transparent 68%
		);
}

@media (prefers-reduced-motion: reduce) {
	.alw-section.alw-section--gradient::before {
		opacity: 0.55;
	}
}