/**
 * Blanky Nordic — footer.
 *
 * A full-width dark band. Its colours are the inverted custom tokens, which
 * each style variation sets, so it stays a band a shade apart from the page.
 *
 * @package Blanky_Nordic
 * @since   3.7
 */

.nordic-footer {
	background-color: var(--wp--custom--nordic--footer-background);
	color: var(--wp--custom--nordic--invert-foreground);
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50);
}

.nordic-footer a {
	color: inherit;
	text-decoration: none;
}

@media (hover: hover) {

	.nordic-footer a:hover {
		text-decoration: underline;
		text-decoration-color: var(--nordic-line);
	}
}

/* Brand column wider than the links; one column on narrow screens. */
.nordic-footer__top {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	grid-template-columns: minmax(0, 1fr);
}

.nordic-footer__top > * {
	margin-block: 0;
}

@media (width >= 782px) {

	.nordic-footer__top {
		grid-template-columns: 2fr 1fr;
	}
}

.nordic-footer__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--giant);
	font-style: italic;
	font-weight: 700;
	line-height: 1.1;
}

.nordic-footer__tagline,
.nordic-footer .nordic-label {
	color: var(--wp--custom--nordic--invert-foreground-soft);
}

.nordic-footer__tagline {
	font-size: var(--wp--preset--font-size--sm);
	max-width: 28rem;
}

.nordic-footer__nav {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--lg);
}

.nordic-footer__bottom {
	border-top: 1px solid var(--wp--custom--nordic--invert-line);
	color: var(--wp--custom--nordic--invert-foreground-soft);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.1em;
	margin-block-start: var(--wp--preset--spacing--60);
	padding-block-start: var(--wp--preset--spacing--40);
	text-transform: uppercase;
}

.nordic-footer__copyright {
	margin: 0;
}

.nordic-footer__social {
	color: var(--wp--custom--nordic--invert-foreground-soft);
}