/**
 * The site footer, from Footer 10:195 and Footer: compact 17:11.
 *
 * One block order serves both layouts: brand, links, then the sign off lines.
 * Below 960 they stack in that order. From 960 the links move to a column of
 * their own on the right and the sign off reads down the left, which is a
 * grid placement, not a change of order.
 */
.abhinav-warli-band {
	min-height: var(--wp--preset--spacing--96);
}

.site-footer__body {
	padding-top: calc(var(--wp--preset--spacing--32) + var(--wp--preset--spacing--8));
	padding-bottom: var(--wp--preset--spacing--48);
}

.site-footer__grid {
	display: grid;
	gap: var(--wp--preset--spacing--24);
	justify-items: start;
}

.site-footer__grid > * {
	margin: 0;
}

.site-footer__links {
	gap: var(--wp--preset--spacing--48);
}

/* Two classes: the theme's paragraph size is written as :root :where(p). */
.site-footer .site-footer__made {
	font-size: var(--wp--preset--font-size--body-s);
}

/* Footer links read as a list, so they carry no underline until hovered. */
.site-footer a:where(:not(.wp-element-button)) {
	color: inherit;
	text-decoration: none;
}

.site-footer a:where(:not(.wp-element-button)):hover {
	text-decoration: underline;
	text-decoration-thickness: var(--wp--custom--underline--hover);
	text-underline-position: from-font;
}

.site-footer .wp-block-site-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--heading-s);
}

@media (min-width: 960px) {
	.site-footer .abhinav-warli-band {
		min-height: calc(var(--wp--preset--spacing--96) + var(--wp--preset--spacing--24));
	}

	.site-footer__body {
		padding-block: var(--wp--preset--spacing--64);
	}

	.site-footer__grid {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto auto 1fr;
		grid-template-areas:
			"brand links"
			"made links"
			"thanks links";
		column-gap: var(--wp--preset--spacing--64);
		row-gap: var(--wp--preset--spacing--16);
	}

	.site-footer__brand {
		grid-area: brand;
	}

	.site-footer__links {
		grid-area: links;
		gap: var(--wp--preset--spacing--64);
	}

	.site-footer .site-footer__made {
		grid-area: made;
		font-size: var(--wp--preset--font-size--body-m);
	}

	.site-footer__thanks {
		grid-area: thanks;
	}

	.site-footer .abhinav-mark img {
		width: calc(var(--wp--preset--spacing--32) + var(--wp--preset--spacing--8));
		height: calc(var(--wp--preset--spacing--32) + var(--wp--preset--spacing--8));
	}
}

/* The footer meets the last section directly, with no gap between. */
.wp-site-blocks > .wp-block-template-part:has(> .site-footer) {
	margin-block-start: 0;
}