/*
 * Footer – schlicht, transparent (Optik aus dem Ambient-Hintergrund).
 */

.sb-footer {
	padding: var(--sb-space-xl) var(--sb-gutter);
}

.sb-footer__inner {
	max-width: var(--sb-wide);
	margin-inline: auto;
}

.sb-footer__widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--sb-space-lg);
	padding-bottom: var(--sb-space-lg);
	margin-bottom: var(--sb-space-lg);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sb-footer__col {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.sb-footer__widget-title {
	font-size: 1.05rem;
	color: var(--sb-white);
	margin-bottom: 0.5rem;
}

.sb-footer__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sb-space-sm);
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9rem;
}

.sb-footer__copy {
	margin: 0;
}

.sb-footer__legal,
.sb-footer__legal-text {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-space-md);
	list-style: none;
	margin: 0;
	padding: 0;
}

.sb-footer__legal a,
.sb-footer__legal-text {
	color: rgba(255, 255, 255, 0.7);
}

.sb-footer__legal a:hover {
	color: var(--sb-white);
}