/**
 * Portal chrome — global footer (routeon.io layout, light palette).
 */

.sd-footer {
	flex-shrink: 0;
	background: var(--sd-footer-bg);
	border-top: 1px solid var(--sd-border-subtle);
	padding: 56px 80px 48px;
}

.sd-footer__main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	max-width: var(--sd-page-max);
	margin: 0 auto 32px;
}

.sd-footer__brand {
	display: inline-flex;
	flex: 0 0 auto;
}

.sd-footer__brand img {
	display: block;
	width: 144px;
	height: auto;
}

.sd-footer__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	margin-left: auto;
}

.sd-footer__nav-link {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	text-decoration: none;
	color: var(--sd-text-secondary);
	transition: color .25s ease-in-out;
}

.sd-footer__nav-link:hover,
.sd-footer__nav-link:focus {
	text-decoration: none;
	color: var(--sd-accent);
}

.sd-footer__copy {
	max-width: var(--sd-page-max);
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.45;
	color: #030507;
	opacity: .5;
}

@media (max-width: 900px) {
	.sd-footer {
		padding: 40px 20px 32px;
	}

	.sd-footer__main {
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
		margin-bottom: 24px;
	}

	.sd-footer__nav {
		justify-content: flex-start;
		margin-left: 0;
		gap: 16px 24px;
	}

	.sd-footer__brand img {
		width: 110px;
	}
}