/* Phase 2 — Glow & Spotlight engines */

.sc361-glow-engine .sc361-card__glow {
	position: absolute;
	inset: -2px;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	border-radius: inherit;
	box-shadow: 0 0 var(--sc361-glow-blur, 24px) var(--sc361-glow-spread, 0px)
		color-mix(in srgb, var(--sc361-glow-color, rgba(255, 255, 255, 0.35)) calc(var(--sc361-glow-opacity, 0.6) * 100%), transparent);
	transition: opacity 0.4s ease;
}

.sc361-glow-engine .sc361-card:hover .sc361-card__glow,
.sc361-glow-engine .sc361-card:focus-visible .sc361-card__glow {
	opacity: 1;
}

.sc361-spotlight-engine .sc361-card__spotlight-pro {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s ease;
	background: radial-gradient(
		circle var(--sc361-spot-size, 140px) at var(--sc361-spot-x, 50%) var(--sc361-spot-y, 50%),
		color-mix(in srgb, var(--sc361-spot-color, rgba(255, 255, 255, 0.2)) calc(var(--sc361-spot-opacity, 0.35) * 100%), transparent),
		transparent 70%
	);
	filter: blur(var(--sc361-spot-blur, 0px));
}

.sc361-spotlight-engine .sc361-card:hover .sc361-card__spotlight-pro,
.sc361-spotlight-engine .sc361-card:focus-visible .sc361-card__spotlight-pro,
.sc361-carousel--spotlight .sc361-card:hover .sc361-card__spotlight {
	opacity: 1;
}