.site-footer {
	padding-block: var(--space-8);
	background: var(--color-accent-strong);
	color: var(--color-on-dark-muted);
}

.site-footer__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4) var(--space-8);
}

.logo--inverse {
	color: var(--color-white);
}

.logo--inverse .logo__mark {
	width: 2.125rem;
	filter: brightness(0) invert(1);
}

.logo--inverse .logo__text {
	font-size: var(--text-2xl);
}

.footer-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6);
}

.footer-nav__link {
	color: var(--color-on-dark-muted);
	font-weight: var(--font-weight-bold);
	transition: color var(--duration-fast) ease;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2) var(--space-8);
	margin-top: var(--space-4);
	padding-top: var(--space-4);
	border-top: 1px solid color-mix(in srgb, var(--color-white) 18%, transparent);
}

.site-footer__copyright {
	color: var(--color-on-dark-muted);
	font-size: var(--fs-small);
}

.site-footer__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-6);
	font-size: var(--fs-small);
}

.footer-legal__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-6);
}

.footer-legal__link {
	position: relative;
	color: var(--color-on-dark-muted);
	font-weight: var(--font-weight-bold);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	transition: color var(--duration-fast) ease;
}

.site-footer__consent-button {
	position: relative;
	padding: 0;
	background: none;
	border: 0;
	font: inherit;
	cursor: pointer;
	color: var(--color-on-dark-muted);
	font-weight: var(--font-weight-bold);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	transition: color var(--duration-fast) ease;
}

@media (pointer: coarse) {
	.site-footer__consent-button::before {
		content: "";
		position: absolute;
		inset: calc(var(--space-3) * -1) calc(var(--space-2) * -1);
	}
}

@media (pointer: coarse) {
	.footer-nav__link,
	.footer-legal__link {
		display: inline-block;
		padding: var(--space-3) var(--space-2);
	}

	.footer-legal__list {
		gap: 0 var(--space-4);
	}
}

@media (hover: hover) {
	.footer-nav__link:hover,
	.footer-legal__link:hover,
	.site-footer__consent-button:hover,
	.logo--inverse:hover {
		color: var(--color-white);
	}
}

@media (max-width: 560px) {
	.site-footer__inner {
		flex-direction: column;
		align-items: center;
	}

	.footer-nav__list {
		justify-content: center;
		gap: var(--space-3) var(--space-5);
	}

	.site-footer__bottom {
		flex-direction: column;
		justify-content: center;
	}

	.site-footer__copyright {
		text-align: center;
	}

	.site-footer__legal {
		justify-content: center;
		text-align: center;
	}

	.footer-legal__list {
		justify-content: center;
	}
}

.site-footer :focus-visible {
	outline-color: var(--color-white);
}