/*
 * Nigel's Kitchen Table — version 2.0.15 corrections.
 *
 * Keeps the premium footer identical across the site and preserves the reader's
 * position when recipe discovery filters refresh the page.
 */

/* The premium footer was previously styled only by a homepage-only stylesheet. */
.site-footer {
	padding: 0;
	background: #263128;
	color: #f8f2e9;
}

.site-footer .footer-introduction {
	display: grid;
	grid-template-columns: minmax(180px, .3fr) minmax(0, 1fr);
	gap: 60px;
	padding-top: clamp(68px, 8vw, 110px);
	padding-bottom: clamp(64px, 7vw, 96px);
	border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.site-footer .footer-introduction__eyebrow {
	margin: 8px 0 0;
	color: #d6a47e;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.site-footer .footer-introduction__statement {
	max-width: 980px;
	margin: 0;
	color: #fffaf2;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(2.5rem, 4.8vw, 5rem);
	line-height: .96;
	letter-spacing: -.025em;
	text-wrap: balance;
}

.site-footer .footer-grid--editorial {
	display: grid;
	grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(140px, .6fr));
	gap: clamp(36px, 6vw, 90px);
	padding-top: 64px;
	padding-bottom: 62px;
}

.site-footer .footer-brand {
	max-width: 410px;
}

.site-footer .footer-logo {
	display: inline-block;
	margin-bottom: 18px;
	color: #fffaf2;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 600;
}

.site-footer .footer-brand p {
	color: rgba(255, 250, 242, .62);
	line-height: 1.7;
}

.site-footer .footer-column h2 {
	margin: 0 0 18px;
	color: #d6a47e;
	font-size: .69rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.site-footer .footer-menu {
	display: grid;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer .footer-menu a {
	color: rgba(255, 250, 242, .78);
	transition: color .2s ease;
}

.site-footer .footer-menu a:hover,
.site-footer .footer-menu a:focus-visible {
	color: #fffaf2;
}

.site-footer .footer-bottom {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 24px;
	align-items: center;
	padding-top: 24px;
	padding-bottom: 28px;
	border-top: 1px solid rgba(255, 255, 255, .13);
	color: rgba(255, 250, 242, .48);
	font-size: .76rem;
}

.site-footer .footer-bottom p {
	margin: 0;
}

.site-footer .footer-domain {
	text-align: center;
}

.site-footer .footer-legal {
	display: flex;
	justify-content: flex-end;
	gap: 18px;
}

.site-footer .footer-legal a {
	color: inherit;
}

.site-footer .footer-legal a:hover,
.site-footer .footer-legal a:focus-visible {
	color: #fffaf2;
}

/* Filtered lists should remain in view after a GET refresh. */
#recipe-results,
#kitchen-notes-results {
	scroll-margin-top: clamp(92px, 10vw, 126px);
}

@media (max-width: 1100px) {
	.site-footer .footer-grid--editorial {
		grid-template-columns: 1.2fr repeat(3, .6fr);
		gap: 42px;
	}
}

@media (max-width: 820px) {
	.site-footer .footer-introduction {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.site-footer .footer-grid--editorial {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer .footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	.site-footer .footer-grid--editorial {
		grid-template-columns: 1fr;
	}

	.site-footer .footer-brand {
		grid-column: auto;
	}

	.site-footer .footer-bottom {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.site-footer .footer-domain {
		text-align: left;
	}

	.site-footer .footer-legal {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-footer .footer-menu a {
		transition: none;
	}
}