/**
 * Site footer.
 *
 * Renders one block pattern (Appearance > Footer) inside Agrimo's #colophon.
 * The parent's four widget sidebars and Customizer copyright bar are bypassed
 * by the child's theme-parts/footer/footer-style-1.php.
 *
 * NOTE ON THE OLD HOVER BUG: Agrimo shipped
 *   .pbmit-footer-widget ul li a:hover,
 *   .pbmit-footer-text-area .pbmit-footer-menu li a:hover
 *     { color: var(--pbmit-agrimo-secondary-color); }
 * where that variable is #000 while the footer background is also black, so
 * every footer link vanished on hover. Those selectors no longer match anything
 * here, but the same trap is re-created the moment someone reuses them, so all
 * link colours below are stated explicitly rather than inherited.
 */

.mfs-footer {
	--mfs-f-red:   #dc1f01;
	--mfs-f-red-lt:#ff512e;
	--mfs-f-text:  rgba(255, 255, 255, .78);
	--mfs-f-dim:   rgba(255, 255, 255, .55);
	--mfs-f-rule:  rgba(255, 255, 255, .14);
	--mfs-f-head:  Signika, "Signika Negative", "Trebuchet MS", sans-serif;
	--mfs-f-measure: 1140px;

	padding-inline: max(20px, calc((100% - var(--mfs-f-measure)) / 2));
	color: var(--mfs-f-text);
	font-size: .9375rem;
	line-height: 1.65;
}
.mfs-footer > * { margin-block: 0; }

/* Agrimo paints an overlay pseudo-element over .site-footer; keep our content
   above it rather than fighting the theme's own background stack. */
.site-footer .mfs-footer { position: relative; z-index: 2; }

/* =========================================================================
   CTA BAND
   ====================================================================== */
.mfs-footer__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 2.5rem;
	padding-block: clamp(2rem, 4vw, 3rem);
	border-bottom: 1px solid var(--mfs-f-rule);
}
.mfs-footer__eyebrow {
	flex: 1 0 100%;
	margin: 0;
	font-family: var(--mfs-f-head);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mfs-f-red-lt);
}
.mfs-footer__cta-title {
	flex: 1 1 20ch;
	margin: 0;
	font-family: var(--mfs-f-head);
	font-size: clamp(1.5rem, 2.6vw, 2.125rem);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
}
.mfs-footer .mfs-footer__cta-buttons {
	flex: 0 0 auto;
	gap: .75rem;
	margin: 0;
}
.mfs-footer .wp-block-button__link {
	font-family: var(--mfs-f-head);
	font-weight: 600;
	font-size: .9375rem;
	border-radius: 999px;
	padding: .85rem 1.6rem;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}
/* Agrimo forces .wp-block-button__link { color:#fff !important } theme-wide, so
   these need the same weight to land. */
.mfs-footer .mfs-btn-primary .wp-block-button__link {
	background: var(--mfs-f-red);
	color: #fff !important;
}
.mfs-footer .mfs-btn-primary .wp-block-button__link:hover,
.mfs-footer .mfs-btn-primary .wp-block-button__link:focus-visible {
	background: #fff;
	color: #16170f !important;
}
.mfs-footer .mfs-btn-light .wp-block-button__link {
	background: transparent;
	color: #fff !important;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .32);
}
.mfs-footer .mfs-btn-light .wp-block-button__link:hover,
.mfs-footer .mfs-btn-light .wp-block-button__link:focus-visible {
	background: #fff;
	color: #16170f !important;
	box-shadow: inset 0 0 0 1.5px #fff;
}
.mfs-footer .wp-block-button__link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* =========================================================================
   MAIN GRID
   ====================================================================== */
.mfs-footer__main { padding-block: clamp(2.5rem, 5vw, 3.5rem); }
.mfs-footer .mfs-footer__grid {
	gap: clamp(1.75rem, 3vw, 3rem);
	flex-wrap: wrap;
	/* Columns arrive vertically centred, which staggers the four headings
	   against each other because the columns have different heights. */
	align-items: flex-start;
}
.mfs-footer .mfs-footer__grid > .wp-block-column { min-width: 190px; }

.mfs-footer .mfs-footer__logo { margin: 0 0 1.1rem; }
.mfs-footer .mfs-footer__logo img {
	display: block;
	width: auto;
	height: 54px;
	max-width: 100%;
}
.mfs-footer__blurb { margin: 0 0 1.25rem; max-width: 34ch; color: var(--mfs-f-text); }

.mfs-footer__heading {
	margin: 0 0 1rem;
	font-family: var(--mfs-f-head);
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
}

/* ------------------------------------------------------------------ links */
.mfs-footer .mfs-footer__links,
.mfs-footer .mfs-footer__legal {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mfs-footer .mfs-footer__links li { margin: 0 0 .5rem; }
/* Prefixed with .site-footer to reach (0,3,1). Agrimo ships
   `.pbmit-footer-section.pbmit-text-color-white a { color:#fff }` at (0,2,1)
   and its stylesheet loads after this one, so an equal-specificity rule here
   loses and every link resolves to pure white - which would leave the hover
   state with no colour change at all. */
.site-footer .mfs-footer .mfs-footer__links a,
.site-footer .mfs-footer .mfs-footer__legal a,
.site-footer .mfs-footer .mfs-footer__addr a,
.site-footer .mfs-footer .mfs-footer__copyright a {
	color: var(--mfs-f-text);
	text-decoration: none;
	transition: color .15s ease;
}
/* The fix: hover goes LIGHTER on a dark footer, never to the theme's #000. */
.site-footer .mfs-footer .mfs-footer__links a:hover,
.site-footer .mfs-footer .mfs-footer__legal a:hover,
.site-footer .mfs-footer .mfs-footer__addr a:hover,
.site-footer .mfs-footer .mfs-footer__copyright a:hover,
.site-footer .mfs-footer .mfs-footer__links a:focus-visible,
.site-footer .mfs-footer .mfs-footer__legal a:focus-visible,
.site-footer .mfs-footer .mfs-footer__addr a:focus-visible,
.site-footer .mfs-footer .mfs-footer__copyright a:focus-visible {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: .25em;
}
.mfs-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 2px; }

.mfs-footer__hours,
.mfs-footer__addr { margin: 0 0 1rem; color: var(--mfs-f-text); }
/* Left inline on purpose: the pattern already has a <br> after each label, and
   display:block here would stack a second break on top of it. Keeping it inline
   also survives the client re-typing these lines in the editor. */
.mfs-footer__hours strong,
.mfs-footer__addr strong {
	font-family: var(--mfs-f-head);
	font-weight: 600;
	color: #fff;
}

/* ----------------------------------------------------------------- social */
.mfs-footer .mfs-footer__social { gap: .5rem; margin: 0; padding: 0; }
.mfs-footer .mfs-footer__social .wp-block-social-link {
	margin: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .10);
	transition: background-color .15s ease;
}
.mfs-footer .mfs-footer__social .wp-block-social-link:hover { background: var(--mfs-f-red); }
.mfs-footer .mfs-footer__social .wp-block-social-link-anchor { padding: .55rem; color: #fff; }
.mfs-footer .mfs-footer__social .wp-block-social-link-anchor svg { width: 20px; height: 20px; }
.mfs-footer .mfs-footer__social .wp-block-social-link-anchor:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* =========================================================================
   HOLIDAYS + BOTTOM BAR
   ====================================================================== */
.mfs-footer__holidays {
	padding-block: 1rem;
	border-top: 1px solid var(--mfs-f-rule);
}
.mfs-footer__holidays-text {
	margin: 0;
	font-size: .8125rem;
	color: var(--mfs-f-dim);
}
.mfs-footer__holidays-text strong {
	font-family: var(--mfs-f-head);
	color: rgba(255, 255, 255, .78);
}

.mfs-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 2rem;
	padding-block: 1.25rem 1.75rem;
	border-top: 1px solid var(--mfs-f-rule);
}
.mfs-footer .mfs-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem 1.5rem;
	font-size: .8125rem;
}
.mfs-footer .mfs-footer__legal li { margin: 0; }
.mfs-footer__copyright {
	margin: 0;
	font-size: .8125rem;
	color: var(--mfs-f-dim);
}

@media (max-width: 900px) {
	.mfs-footer .mfs-footer__grid > .wp-block-column { flex-basis: calc(50% - 1.5rem) !important; }
}
@media (max-width: 600px) {
	.mfs-footer .mfs-footer__grid > .wp-block-column { flex-basis: 100% !important; }
	.mfs-footer__cta { gap: 1rem; }
	.mfs-footer .mfs-footer__cta-buttons { flex: 1 0 100%; }
	.mfs-footer__bottom { justify-content: flex-start; }
}

/* core/social-links relies on currentColor for its icons; Agrimo sets a global
   svg fill, so pin it here rather than depending on load order. */
.mfs-footer .wp-block-social-link-anchor svg { fill: currentColor; }