/**
 * Footer — uses tokens from style.css.
 */

.ll-site-footer {
	background: var(--ll-canvas-deep);
	border-top: 1px solid var(--ll-border);
	padding: var(--ll-space-3xl) 0 var(--ll-space-xl);
	margin-top: var(--ll-space-2xl);
}

.ll-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr repeat(3, 1fr);
	gap: var(--ll-space-xl);
	margin-bottom: var(--ll-space-2xl);
}

.ll-footer__tagline {
	color: var(--ll-muted);
	font-size: 0.925rem;
	margin-top: var(--ll-space-md);
	max-width: 22rem;
}

.ll-footer__cross-sell {
	margin-top: var(--ll-space-md);
	font-size: 0.875rem;
	color: var(--ll-muted);
}

.ll-footer__cross-sell a {
	font-weight: 600;
}

.ll-footer__brand-link {
	margin-top: var(--ll-space-sm);
	font-size: 0.875rem;
}

.ll-footer__brand-link a {
	font-weight: 600;
	color: var(--ll-muted);
}

.ll-footer__brand-link a:hover {
	color: var(--ll-accent);
}

.ll-footer__heading {
	display: block;
	margin-bottom: var(--ll-space-md);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ll-text);
}

.ll-footer-nav {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.ll-footer-nav a {
	color: var(--ll-muted);
	font-size: 0.925rem;
}

.ll-footer-nav a:hover {
	color: var(--ll-accent);
}

.ll-footer__divider {
	border: 0;
	border-top: 1px solid var(--ll-border);
	margin: 0 0 var(--ll-space-lg);
}

.ll-footer__copy {
	margin: 0;
	font-size: 0.8rem;
	color: var(--ll-muted);
}

.ll-brand--footer img {
	height: 96px;
	width: auto;
}

@media (max-width: 991.98px) {
	.ll-footer-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 575.98px) {
	.ll-footer-grid {
		grid-template-columns: 1fr;
		gap: var(--ll-space-lg);
	}
}