/* ============================================================
   QuickLaunch Templates — front-end tokens bridge
   ============================================================
   Elementor + UAE manage their own CSS. We only inject a thin
   layer that re-exports the design tokens as CSS custom
   properties so non-Elementor widgets / third-party themes can
   pick them up. The bulk of the tokens CSS is injected inline
   via QLT_Design_Tokens::inline_design_css().
   ============================================================ */

:root {
	--qlt-primary: #2563eb;
	--qlt-secondary: #0f172a;
	--qlt-accent: #f59e0b;
	--qlt-body: #475569;
	--qlt-bg: #ffffff;
	--qlt-font-head: 'Poppins', sans-serif;
	--qlt-font-body: 'Inter', sans-serif;
}

/* QLT social widget fallback (for non-Elementor renders) */
.qlt-social-fallback {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 16px 0;
}

.qlt-social-fallback a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--qlt-primary);
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	transition: background-color .2s;
}

.qlt-social-fallback a:hover {
	background: var(--qlt-accent);
	color: #fff;
}