/* Shared footer, every Lakefront page (see inc/footer-waves.php). Colours and layer strength arrive as
   --lf-waves-* variables from Appearance > Customize > Footer waves; the values here are only defaults.
   "Stay in the loop" (.foot__newsletter) is not styled here and keeps its own light background.
   The waves live on div.foot__waves, made by assets/js/footer-waves.js, which sits from the bottom of the
   newsletter section down to the end of the footer. Without it, the lower footer shows the static fallback colour. */

body footer.foot {
	position: relative;
	isolation: isolate;
	background-color: var(--lf-waves-fallback, #B83D53);
	color: var(--lf-waves-ink, #F5F1EA);
}

/* Labels and small print are faded to .62-.7 in the shared footer, which is under 3:1 over a moving highlight.
   Full strength in the lower footer (the Customizer does the same for mid-tone footers). The newsletter is excluded. */
body footer.foot .foot__grid .foot__label,
body footer.foot .foot__bottom,
body footer.foot .foot__bottom p {
	opacity: 1;
}
body footer.foot .foot__grid a:focus-visible,
body footer.foot .foot__credit a:focus-visible {
	outline-color: var(--lf-waves-ink, #F5F1EA);
}

/* The Vanta target: top is set by the script (bottom edge of the newsletter section). Behind the footer content. */
body footer.foot > .foot__waves {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -3;
	overflow: hidden;
	pointer-events: none;
}
/* Readability layer between the animation and the content, only while the waves run. */
body footer.foot > .foot__waves::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(49, 8, 20, var(--lf-waves-overlay, 0.40));
	pointer-events: none;
}
body footer.foot > .foot__waves > canvas.vanta-canvas {
	z-index: 0 !important;
	pointer-events: none !important;
}