/* ==========================================================================
   footer.css — Genva Craft
   ========================================================================== */

.site-footer {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-block: var(--wp--preset--spacing--70);
	text-align: center;
}

.site-footer__inner > * + * {
	margin-block-start: var(--wp--preset--spacing--50);
}

.site-footer .site-footer__name {
	font-family: var(--font-latin);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	letter-spacing: 0.22em;
	line-height: 1.2;
	text-transform: uppercase;
}

.site-footer .site-footer__name a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.site-footer .site-footer__nav {
	font-size: var(--wp--preset--font-size--small);
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
}

.site-footer .site-footer__nav .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--secondary);
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

/* Two link columns side by side from 600px, stacked below. */
.site-footer__links {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	justify-content: center;
}

@media (width >= 600px) {

	.site-footer__links {
		grid-template-columns: repeat(2, auto);
		gap: var(--wp--preset--spacing--80);
	}
}

.site-footer__col > * + * {
	margin-block-start: var(--wp--preset--spacing--30);
}

/* --------------------------------------------------------------------------
   Social icons

   The logos-only style colours each icon with its brand colour at 0-2-0.
   The footer sets them all to the text colour, one class above that.
   -------------------------------------------------------------------------- */

.site-footer .wp-block-social-links.is-style-logos-only .wp-social-link {
	color: var(--wp--preset--color--contrast);
	background: transparent;
}

.site-footer .wp-block-social-links .wp-social-link a {
	padding: 0.25em;
}

.site-footer .wp-block-social-links .wp-block-social-link-label {
	font-family: var(--font-latin);
	font-size: var(--wp--preset--font-size--label);
	letter-spacing: 0.08em;
}

.site-footer__copyright {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
}