/*
 * Fernhollow Bakehouse: the site's values for the parent's --wu-* slots.
 * Warm flour-dusted parchment, roasted crust, wood-fired terracotta and calm serif typography.
 */

:root {
	--wu-ground: #FAF6F0;
	--wu-ground-alt: #EFE7DA;
	--wu-surface: #F3ECE1;
	--wu-surface-2: #EAE0D0;
	--wu-line: #DFD3C0;
	--wu-line-strong: #C4B49D;
	--wu-text: #261C15;
	--wu-muted: #615145;
	--wu-accent: #9E472A;
	--wu-success: #4A6144;
	--wu-inverse-ground: #261C15;
	--wu-inverse-text: #FAF6F0;

	--wu-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	--wu-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--wu-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

	--wu-wrap: 1140px;
	--wu-section-y: clamp(3.5rem, 6vw, 5.5rem);
	--wu-heading-weight: 600;
	--wu-heading-tracking: -0.015em;

	--wu-radius: 10px;
	--wu-card-radius: 10px;
	--wu-image-radius: 10px;
	--wu-button-radius: 6px;
	--wu-card-shadow: none;

	--wu-button-face: #9E472A;
	--wu-button-text: #FAF6F0;
	--wu-button-arrow: none;

	--wu-label-rule: #9E472A;
	--wu-label-rule-length: 28px;
	--wu-label-rule-width: 2px;
	--wu-label-gap: 10px;

	--wu-hero-title-weight: 600;
	--wu-hero-title-line: 1.1;
	--wu-hero-title-tracking: -0.02em;
	--wu-hero-standfirst-max: 54ch;
	--wu-hero-note-face: var(--wu-body);
	--wu-hero-note-size: 14px;

	--wu-cards-face: #FAF6F0;
	--wu-cards-border: 1px solid #DFD3C0;
	--wu-cards-hover-border: #9E472A;
	--wu-cards-ratio: 4 / 3;

	--wu-prices-face: #FAF6F0;
	--wu-prices-border: 1px solid #DFD3C0;
	--wu-prices-featured-border: 1.5px solid #9E472A;
	--wu-prices-featured-face: #F5EDE0;
	--wu-prices-row-pad: 20px 0;
	--wu-prices-row-name-size: 19px;
	--wu-prices-row-figure-font: 600 20px/1.3 var(--wu-display);

	--wu-steps-badge-face: #9E472A;
	--wu-steps-badge-text: #FAF6F0;
	--wu-steps-badge-radius: 6px;
	--wu-steps-badge-size: 38px;

	--wu-quote-attributed-font: 600 clamp(24px, 3vw, 36px)/1.28 var(--wu-display);
	--wu-quote-attributed-tracking: -0.015em;
}

/* Header & Footer craft styling */
.fh-notice-bar {
	background-color: #261C15;
	color: #EFE7DA;
	font-size: 14px;
	line-height: 1.45;
	padding: 9px 16px;
	text-align: center;
	border-bottom: 1px solid rgba(250, 246, 240, 0.12);
}

.fh-notice-bar p {
	margin: 0;
}

.fh-notice-bar strong {
	color: #FAF6F0;
	font-weight: 600;
}

.fh-header {
	background-color: #FAF6F0;
	border-bottom: 1px solid #DFD3C0;
	padding: 18px 16px;
}

.fh-header__inner {
	max-width: var(--wu-wrap, 1140px);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
}

.fh-brand {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.fh-brand .wp-block-site-title {
	font-family: var(--wu-display);
	font-size: clamp(22px, 2.5vw, 27px);
	font-weight: 600;
	letter-spacing: -0.015em;
	line-height: 1.15;
	margin: 0;
}

.fh-brand .wp-block-site-title a {
	color: #261C15;
	text-decoration: none;
}

.fh-brand__sub {
	margin: 0;
	font-size: 13px;
	color: #615145;
	letter-spacing: 0.01em;
}

.fh-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fh-nav a {
	color: #261C15;
	text-decoration: none;
	font-size: 15.5px;
	font-weight: 500;
	padding: 6px 0;
	border-bottom: 2px solid transparent;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.fh-nav a:hover,
.fh-nav a:focus-visible {
	color: #9E472A;
	border-bottom-color: #9E472A;
}

.fh-header__cta {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.fh-header__phone {
	font-size: 15px;
	font-weight: 600;
	color: #261C15;
	text-decoration: none;
}

.fh-header__phone:hover {
	color: #9E472A;
}

.fh-header__btn {
	display: inline-block;
	background-color: #9E472A;
	color: #FAF6F0 !important;
	font-size: 14.5px;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.fh-header__btn:hover {
	background-color: #7D361E;
}

/* Footer styling */
.fh-footer {
	background-color: #1E1610;
	color: #EAE0D0;
	padding: 56px 16px 40px;
	border-top: 1px solid #3A2D23;
	font-size: 15px;
	line-height: 1.6;
}

.fh-footer__inner {
	max-width: var(--wu-wrap, 1140px);
	margin: 0 auto;
}

.fh-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(234, 224, 208, 0.16);
}

@media (min-width: 768px) {
	.fh-footer__grid {
		grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
		gap: 36px;
	}
}

.fh-footer h3,
.fh-footer h4 {
	font-family: var(--wu-display);
	color: #FAF6F0;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 12px;
}

.fh-footer p {
	margin: 0 0 10px;
	color: #D6C8B4;
}

.fh-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.fh-footer ul li {
	margin-bottom: 8px;
	color: #D6C8B4;
}

.fh-footer a {
	color: #FAF6F0;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(250, 246, 240, 0.4);
}

.fh-footer a:hover {
	color: #E8997D;
	text-decoration-color: #E8997D;
}

.fh-footer__fiction {
	margin-top: 28px;
	padding: 16px 20px;
	background-color: rgba(250, 246, 240, 0.06);
	border-left: 3px solid #9E472A;
	border-radius: 6px;
	color: #EAE0D0;
	font-size: 14px;
}

.fh-footer__fiction p {
	margin: 0;
	color: #EAE0D0;
}

.fh-footer__credits {
	margin-top: 24px;
	font-size: 13px;
	color: #B5A48E;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}

.fh-footer__credits p {
	margin: 0;
	color: #B5A48E;
}

/* Ground alt cards contrast refinement */
.wu-ground--alt {
	--wu-cards-face: #FAF6F0;
	--wu-prices-face: #FAF6F0;
}