/**
 * Site footer.
 */

.site-footer {
	border-top: 1px solid var(--color-border);
	padding: var(--space-10) var(--container-padding);
}

.site-footer__columns {
	max-width: var(--container-max);
	margin-inline: auto;
	display: flex;
	gap: var(--space-10);
	margin-bottom: var(--space-8);
}

.site-footer__col {
	flex: 1;
	min-width: 0;
}

.site-footer__brand {
	font-family: var(--font-heading);
	font-weight: var(--weight-medium);
	font-size: var(--text-body);
	color: var(--color-gray-800);
	margin-bottom: var(--space-2);
}

.site-footer__tagline {
	font-family: var(--font-body);
	font-size: var(--text-caption);
	line-height: 1.55;
	color: var(--color-gray-400);
}

.site-footer__col-title {
	font-family: var(--font-heading);
	font-weight: var(--weight-medium);
	font-size: var(--text-label);
	letter-spacing: var(--text-label-ls);
	text-transform: uppercase;
	color: var(--color-gray-800);
	margin-bottom: var(--space-4);
}

.site-footer__links {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	font-family: var(--font-heading);
	font-size: var(--text-body-sm);
	line-height: var(--text-body-sm-lh);
	color: var(--color-gray-600);
}

.site-footer__bottom {
	max-width: var(--container-max);
	margin-inline: auto;
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-5);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-5);
}

.site-footer__copyright {
	font-family: var(--font-heading);
	font-size: var(--text-caption);
	color: var(--color-gray-400);
}

.site-footer__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-5);
}

.site-footer__legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-4);
	font-family: var(--font-heading);
	font-size: var(--text-caption);
}

.site-footer__legal-links a {
	color: var(--color-gray-400);
	text-decoration: none;
}

.site-footer__legal-links a:hover,
.site-footer__legal-links a:focus-visible {
	color: var(--color-gray-800);
	text-decoration: underline;
}

.site-footer__right {
	display: flex;
	align-items: center;
	gap: var(--space-5);
}

.site-footer__lang .lang-switcher__link {
	color: var(--color-gray-400);
}

.site-footer__social {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}

.site-footer__social a {
	display: block;
	width: 24px;
	height: 24px;
	color: var(--color-gray-200);
}

.site-footer__social svg {
	width: 100%;
	height: 100%;
}

@media (max-width: 900px) {
	.site-footer__columns {
		flex-wrap: wrap;
		gap: var(--space-8);
	}

	.site-footer__col {
		flex: 1 1 40%;
	}

	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}