/* fx 223/226/232: PC Builder circuit bg + frosted glass (builder + upgrade) */

/* Kill the site-wide dot grid / scanlines on builder + upgrade only. */
body.gc-pcb-page::before,
body.gc-pcb-page::after {
	display: none !important;
	content: none !important;
	background: none !important;
	opacity: 0 !important;
}

/* Circuit layer: direct body child (wp_body_open). Behind .wp-site-blocks only.
   Do NOT override header.site position/z-index — theme sticky (z-index 50) must stay. */
#pcb-circuit-bg {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	background-color: var( --wp--preset--color--bg );
	background-image:
		radial-gradient( ellipse 45% 35% at 15% 18%,
			color-mix( in srgb, var( --wp--preset--color--accent ) 14%, transparent ),
			transparent 70% ),
		radial-gradient( ellipse 40% 30% at 88% 82%,
			color-mix( in srgb, var( --wp--preset--color--accent ) 11%, transparent ),
			transparent 70% );
}

#pcb-circuit-bg .pcb-circuit-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}

/* Lift page chrome above the circuit. Header sticky rules stay in the theme. */
body.gc-pcb-page .wp-site-blocks {
	position: relative;
	z-index: 1;
}

/* Footer is transparent on other pages (body bg shows through). Here the circuit
   would show through — give it the solid page bg so it matches every other page. */
body.gc-pcb-page footer.site {
	background-color: var( --wp--preset--color--bg );
}

@media ( prefers-reduced-motion: reduce ) {
	/* Parallax JS bails; pattern stays put. */
}

/* Frosted glass: builder sections (not .pcb-lv-b level cards: perf). */
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-wiz,
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-cp,
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-parts,
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-power,
body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-cbb,
/* fx 232: upgrade page sections only (not header/footer). */
body.gc-pcb-upgrade .pcb-head,
body.gc-pcb-upgrade .pcb-parts,
body.gc-pcb-upgrade .pcb-up-sec {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 58%, transparent) !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: 0 !important;
}

body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
body.gc-pcb-upgrade .pcb-head {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: 1px solid var(--wp--preset--color--line) !important;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-wiz,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-cp,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-parts,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-power,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-cbb,
	body.gc-pcb-upgrade .pcb-head,
	body.gc-pcb-upgrade .pcb-parts,
	body.gc-pcb-upgrade .pcb-up-sec {
		-webkit-backdrop-filter: blur(5px) saturate(120%);
		backdrop-filter: blur(5px) saturate(120%);
	}
}

/* Solid fallbacks: no blur on phones/tablets, reduced transparency, or no support. */
@media (max-width: 980px) {
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-wiz,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-cp,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-parts,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-power,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-cbb,
	body.gc-pcb-upgrade .pcb-head,
	body.gc-pcb-upgrade .pcb-parts,
	body.gc-pcb-upgrade .pcb-up-sec {
		background: var(--wp--preset--color--surface) !important;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

@media (prefers-reduced-transparency: reduce) {
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-wiz,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-cp,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-parts,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-power,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-cbb,
	body.gc-pcb-upgrade .pcb-head,
	body.gc-pcb-upgrade .pcb-parts,
	body.gc-pcb-upgrade .pcb-up-sec {
		background: var(--wp--preset--color--surface) !important;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-head,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-wiz,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-cp,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-parts,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-power,
	body.gc-pcb-page:not(.gc-pcb-upgrade) .pcb-card.pcb-cbb,
	body.gc-pcb-upgrade .pcb-head,
	body.gc-pcb-upgrade .pcb-parts,
	body.gc-pcb-upgrade .pcb-up-sec {
		background: var(--wp--preset--color--surface) !important;
	}
}