/* =============================================================
   Digtiali — site-wide ambient section glows
   One soft blurred wash per region (not mirrored L/R pairs).
   ============================================================= */

:root {
	--digi-glow-blur: 88px;
	--digi-glow-size: min(640px, 92vw);
	--digi-glow-core: rgba(155, 45, 212, 0.22);
	--digi-glow-fade: rgba(120, 27, 175, 0);
}

/* ── Hosts: major sections only (avoid nested double-glow) ── */
.digi-section,
.digtiali-shop-archive > section,
.digtiali-single-product,
.digi-cart-page,
.digi-checkout-hero,
.digi-page-faqs-hero,
.digi-page-faqs-body,
.digi-page-faqs-cta,
.digi-thankyou-page,
.digi-404,
.drv-reviews-page,
.digi-blog-hero,
.digi-blog-layout__main {
	position: relative;
	isolation: isolate;
}

.digi-section > .digi-wrap,
.digi-section > .digi-landing-marquee,
.digi-page-faqs-body > *,
.digi-thankyou-page > *,
.drv-reviews-page > *,
.digi-blog-layout__main > * {
	position: relative;
	z-index: 1;
}

/* ── Single wash per host (::after off by default) ── */
.digi-section::before,
.digtiali-shop-archive > section::before,
.digtiali-single-product::before,
.digi-cart-page::before,
.digi-checkout-hero::before,
.digi-page-faqs-hero::before,
.digi-page-faqs-body::before,
.digi-page-faqs-cta::before,
.digi-thankyou-page::before,
.drv-reviews-page::before,
.digi-blog-hero::before,
.digi-blog-layout__main::before {
	content: "";
	position: absolute;
	width: var(--digi-glow-size);
	height: var(--digi-glow-size);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	filter: blur(var(--digi-glow-blur));
	background: radial-gradient(circle, var(--digi-glow-core) 0%, var(--digi-glow-fade) 72%);
	opacity: 0.55;
}

.digi-section::after,
.digtiali-shop-archive > section::after,
.digtiali-single-product::after,
.digi-cart-page::after,
.digi-checkout-hero::after,
.digi-page-faqs-hero::after,
.digi-page-faqs-body::after,
.digi-page-faqs-cta::after,
.digi-thankyou-page::after,
.drv-reviews-page::after,
.digi-blog-hero::after,
.digi-blog-layout__main::after {
	display: none;
}

/* Alternate one-sided placement — odd: top trailing, even: bottom leading */
.digi-section:nth-of-type(odd)::before,
.digtiali-shop-archive > section:nth-of-type(odd)::before,
.digi-page-faqs-hero::before,
.digi-blog-hero::before {
	top: -28%;
	inset-inline-end: -22%;
	inset-inline-start: auto;
	bottom: auto;
}

.digi-section:nth-of-type(even)::before,
.digtiali-shop-archive > section:nth-of-type(even)::before,
.digi-page-faqs-body::before,
.digi-blog-layout__main::before {
	bottom: -32%;
	inset-inline-start: -18%;
	inset-inline-end: auto;
	top: auto;
}

/* Full-width page shells — centered top wash */
.digtiali-single-product::before,
.digi-cart-page::before,
.digi-thankyou-page::before,
.drv-reviews-page::before {
	top: -18%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translateX(-50%);
	opacity: 0.42;
	width: min(780px, 110vw);
	height: min(480px, 70vw);
}

.digi-checkout-hero::before,
.digi-page-faqs-cta::before {
	top: -40%;
	inset-inline-end: -15%;
	inset-inline-start: auto;
	opacity: 0.38;
	width: min(520px, 80vw);
	height: min(520px, 80vw);
}

/* ── Landing accents (single orb, tinted — no mirror pair) ── */
.digi-section--banners::before {
	background: radial-gradient(circle, rgba(168, 255, 62, 0.1) 0%, transparent 72%);
	inset-inline-start: -12%;
	inset-inline-end: auto;
	top: -20%;
	opacity: 0.48;
}

#reviews::before {
	background: radial-gradient(circle, rgba(255, 184, 0, 0.11) 0%, transparent 72%);
	inset-inline-start: -16%;
	inset-inline-end: auto;
	top: 12%;
	opacity: 0.45;
}

.digi-section--cta::before {
	top: -24%;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	opacity: 0.35;
	width: min(560px, 88vw);
	height: min(360px, 55vw);
}

/* Hero uses background-image radials in landing.css — no extra pseudo orb */

.digi-hero .digi-wrap {
	position: relative;
	z-index: 1;
}

/* ── Light theme ── */
[data-theme="light"] {
	--digi-glow-core: rgba(120, 27, 175, 0.28);
}

[data-theme="light"] .digi-section::before,
[data-theme="light"] .digtiali-shop-archive > section::before,
[data-theme="light"] .digtiali-single-product::before,
[data-theme="light"] .digi-cart-page::before,
[data-theme="light"] .digi-checkout-hero::before,
[data-theme="light"] .digi-page-faqs-hero::before,
[data-theme="light"] .digi-page-faqs-body::before,
[data-theme="light"] .digi-page-faqs-cta::before,
[data-theme="light"] .digi-thankyou-page::before,
[data-theme="light"] .drv-reviews-page::before,
[data-theme="light"] .digi-blog-hero::before,
[data-theme="light"] .digi-blog-layout__main::before {
	opacity: 0.6;
}

[data-theme="light"] .digi-section--banners::before {
	background: radial-gradient(circle, rgba(120, 27, 175, 0.15) 0%, transparent 72%);
}

[data-theme="light"] #reviews::before {
	background: radial-gradient(circle, rgba(255, 184, 0, 0.12) 0%, transparent 72%);
}

/* ── Mobile ── */
@media (max-width: 640px) {
	:root {
		--digi-glow-blur: 64px;
		--digi-glow-size: min(480px, 120vw);
	}

	.digi-section::before,
	.digtiali-shop-archive > section::before {
		opacity: 0.4;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--digi-glow-blur: 72px;
	}
}
