/* ============================================================
   LEVEL UP SMARTER — FOOTER LEGAL ROW
   Added 2026-08-13. Rendered by lus_render_footer_legal() on
   wp_footer. Sits below whatever the Elementor footer template
   produces, so it works on the landing pages that hide the
   Elementor footer as well as on the normal templates.
   ============================================================ */

.lus-legal {
	background: #0a0a0c;
	color: rgba(255, 255, 255, 0.62);
	padding: 16px 20px;
	font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lus-legal__inner {
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 10px;
}

.lus-legal a {
	color: rgba(255, 255, 255, 0.62);
	text-decoration: none;
	/* 44px tap target without making the row tall */
	padding: 6px 4px;
	transition: color 0.15s;
}

.lus-legal a:hover,
.lus-legal a:focus-visible {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.lus-legal a:focus-visible {
	outline: 2px solid #857fe9;
	outline-offset: 2px;
}

.lus-legal__sep {
	color: rgba(255, 255, 255, 0.28);
}