/**
 * Free Style 3 — Footer
 * Trust strip (deep green), ink-900 main footer, colophon.
 */

.fsp-footer__trust {
	background: var(--fsp-green-900);
	color: var(--fsp-surface);
}

.fsp-footer__trust .fsp-trust-strip__item svg {
	color: var(--fsp-green-300);
}

.fsp-footer__main {
	background: var(--fsp-ink-900);
	color: var(--fsp-ink-300);
	padding-block: var(--fsp-space-12);
}

.fsp-footer__grid {
	display: grid;
	gap: var(--fsp-space-8);
	grid-template-columns: 1fr;
}

/* tablet ≥48rem */
@media (min-width: 48rem) {
	.fsp-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* desktop ≥64rem */
@media (min-width: 64rem) {
	.fsp-footer__grid {
		grid-template-columns: 2fr repeat(4, 1fr);
	}
}

.fsp-footer__brand .fsp-logo-text__free {
	color: var(--fsp-surface);
}

.fsp-footer__brand img,
.fsp-footer__brand .custom-logo {
	max-height: 48px;
	width: auto;
}

.fsp-footer__tagline {
	margin-block-start: var(--fsp-space-3);
	max-width: 34ch;
	font-size: var(--fsp-text-sm);
}

.fsp-footer__col-title {
	color: var(--fsp-surface);
	font-size: var(--fsp-text-sm);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-block-end: var(--fsp-space-3);
}

.fsp-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--fsp-space-2);
}

.fsp-footer__menu a {
	color: var(--fsp-ink-300);
	font-size: var(--fsp-text-sm);
}

.fsp-footer__menu a:hover {
	color: var(--fsp-green-300);
	text-decoration: none;
}

.fsp-footer__colophon {
	background: var(--fsp-ink-900);
	border-block-start: 1px solid var(--fsp-ink-700);
	padding-block: var(--fsp-space-4);
}

.fsp-footer__colophon-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--fsp-space-3);
}

.fsp-footer__copyright,
.fsp-footer__payments {
	margin: 0;
	font-size: var(--fsp-text-xs);
	color: var(--fsp-ink-500);
}