/* Lớp vùng sáng loang — chuyển từ plugin wp-megastorevn-glow-layer.
   Màu và độ nhoè được ghi đè từ config/glow_layer.php (CSS inline in sau file này). */
:root {
	--gl-c: 201, 162, 39;
	--gl-b: 161, 101, 26;
	--gl-blur: 70px;
}

.gl-host {
	position: relative;
	isolation: isolate;
}

.gl-layer {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.gl-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(var(--gl-blur, 70px));
	opacity: var(--o, .2);
	will-change: transform;
	animation: glDrift var(--t, 26s) ease-in-out infinite;
	animation-delay: var(--dl, 0s);
}
.gl-glow--c { background: radial-gradient(circle, rgba(var(--gl-c), .9), rgba(var(--gl-c), 0) 68%); }
.gl-glow--b { background: radial-gradient(circle, rgba(var(--gl-b), .75), rgba(var(--gl-b), 0) 68%); }

@keyframes glDrift {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(var(--dx, 40px), -30px) scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
	.gl-glow { animation: none; will-change: auto; }
}