/* Foglight — footer.css */

.site-footer {
	border-top: 1px solid var(--color-border);
	margin-top: var(--space-9);
}

.footer-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-5);
}

.footer-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-5);
	font-size: var(--step--1);
}

.footer-credit {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	font-size: var(--step--1);
	color: var(--color-secondary);
}

@media (min-width: 720px) {
	.footer-credit {
		text-align: right;
	}
}