/* =========================================================================
   Autotelic footer — Stone block, secondary menu left, small logo right.
   Markup: inc/footer.php. Placed by parts/footer.html.
   ====================================================================== */

/* The template part sits after <main>; drop the block-gap so the grey
   block's own spacing is the only spacing. */
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

.ao-footer {
	--ao-footer-bg: #c9c7c3; /* Stone */
	--ao-footer-logo-h: 64px;

	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	max-width: none !important; /* ignore any constrained layout around it */
	margin: 96px 0 0 !important;
	padding: 40px var(--ao-gutter, 30px) 32px;
	background: var(--ao-footer-bg);
	color: #000;
	font-family: var(--ao-sans, 'Founders Grotesk', 'Helvetica Neue', Arial, sans-serif);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}

.ao-footer *,
.ao-footer *::before,
.ao-footer *::after { box-sizing: border-box; }

.ao-footer__menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

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

.ao-footer__menu a {
	background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
	transition: background-size 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.ao-footer__menu a:hover,
.ao-footer__menu a[aria-current="page"] {
	background-size: 100% 1px;
}

.ao-footer__logo {
	display: block;
	flex: 0 0 auto;
	line-height: 0;
}

.ao-footer__logo-svg {
	display: block;
	width: auto;
	height: var(--ao-footer-logo-h);
	fill: currentColor;
}

.ao-footer__logo-text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1;
}

/* Mobile: logo stays bottom-right. The body already reserves
   space for the fixed bottom tab bar (header.css), so nothing hides behind it. */
@media (max-width: 1023px) {
	.ao-footer {
		--ao-footer-logo-h: 52px;
		align-items: center; /* logo centred against the menu column */
		margin-top: 64px !important;
		padding: 32px var(--ao-gutter, 16px); /* equal top and bottom */
	}
}