/* =============================================================================
   Shopfront — footer.css
   Minimal, centered, inline footer to match the gallery aesthetic.
   ============================================================================= */

.site-footer {
	margin-top: var(--sf-space-10);
	padding-block: var(--sf-space-8);
	background: #fff;
	border-top: 1px solid var(--sf-color-border);
	color: var(--sf-color-text);
	font-size: 0.9375rem;
}

.site-footer__inner {
	display: grid;
	gap: var(--sf-space-5);
	text-align: center;
}

.site-footer__widgets {
	display: grid;
	gap: var(--sf-space-6);
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin-bottom: var(--sf-space-5);
	text-align: left;
}

.site-footer a {
	color: inherit;
}

.footer-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--sf-space-5);
}

.footer-navigation ul li a {
	text-decoration: none;
	font-size: 0.9375rem;
	letter-spacing: 0.01em;
}

.footer-navigation ul li a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.site-info {
	padding-top: var(--sf-space-4);
	color: var(--sf-color-muted);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
}