/*
 * Ernesto Sam — Child Theme
 * Morphing nav + organic WebGL background
 */


/* ─── Violet wand — bottom-centre ambient effect ─────────────────────── *
 *                                                                         *
 * Canvas: fixed bottom-centre, sized by CSS width + JS height (1 : 1.4). *
 * mix-blend-mode: screen makes the black WebGL background transparent so  *
 * only the violet glow is visible against the page background.           *
 * PNG overlay sits at the same anchor point above the canvas.            *
 *                                                                         *
 * Tweak --vw-wand-width to resize, and --vw-wand-img-bottom to nudge     *
 * the PNG overlay vertically so the electrode aligns with the glow.      *
 * ──────────────────────────────────────────────────────────────────────── */

:root {
	/* Graphic: fixed 400×1000px wand rendered inside the full-window canvas  */
	--vw-wand-width:      400px;

	/* PNG: match canvas width; height scales automatically */
	--vw-wand-img-width:  var(--vw-wand-width);

	/* Offset: pushes PNG down so the glass ball (≈18% from top of the 500×916
	   image) lands on the WebGL glow ball (BCY=0.28 from top of canvas).
	   Maths: PNG_height = W×1.832; ball_from_bottom = W×1.429; canvas ball is
	   at W from viewport bottom → bottom = W − W×1.429 = −0.43W.
	   Adjust this value if the alignment needs a nudge.                      */
	--vw-wand-img-bottom: calc(var(--vw-wand-width) * -0.43);
}

#sam-violet-wand {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: auto; /* canvas receives mouse/touch for spark interaction */
	display: block;
	/* no blend mode — WebGL outputs real alpha, black pixels are transparent */
}

#sam-wand-overlay {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 260px;
	height: auto;
	z-index: 0;
	pointer-events: none; /* passes events through to canvas beneath */
	display: block;
	box-shadow: none;
	transition: none;
}

@media (max-width: 768px) {
	#sam-wand-overlay {
		width: 130px; /* 50% of desktop 260px */
	}
}

/* ── Removed UI elements ──────────────────────────────────────────────── */
.ernesto-accessibility-toolbar,
.header-cart,
.back-to-top,
.site-info .sep,
.site-info .privacy-policy-link,
.site-info .footer-navigation,
.site-info .footer-social-nav {
	display: none !important;
}