/* Component: footer — owned by its pattern rebuild. Enqueued after main.css.
   Dark, multi-column SCS-style footer. main.css already sets:
     .wp-block-group.has-ink-background-color a { color:#cdd8ff }  → :hover #fff
   We layer footer-specific structure + a neutral light-gray link tone on top. */

.scs-footer { --scs-footer-link: #b8c0c7; }

/* Full-bleed dark background regardless of theme wrappers. */
.scs-footer {
	background: var(--wp--preset--color--footer, #1A1A1A);
	color: #e7eaed;
	font-family: "Inter Tight", system-ui, sans-serif;
}

/* ---- top CTA strip ---- */
.scs-footer__cta {
	max-width: 1320px;
	margin-inline: auto;
	gap: 1rem 2rem;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.scs-footer__cta-title {
	color: #fff;
	margin: 0;
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.2;
}
.scs-footer__cta-btn .wp-block-button__link {
	background: var(--scs-red, #24E35A);
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	padding: .7rem 1.4rem;
	white-space: nowrap;
}
.scs-footer__cta-btn .wp-block-button__link:hover {
	background: var(--wp--preset--color--brand-red-dark, #14751F);
	color: #fff;
}

/* ---- main link grid ---- */
.scs-footer__cols {
	gap: 2rem;
	margin: 0;
}
.scs-footer__cols.wp-block-columns { flex-wrap: wrap; }

.scs-footer__brand { min-width: 240px; }

/* Footer brand lockup. The old English SVG logo has been replaced by the
   ORMCUT text wordmark (.scs-brand--footer), which .scs-footer__logo-img now
   simply wraps — so drop the legacy SVG background + fixed box and let the
   wordmark size itself. (RTL-safe: no directional background to mirror.) */
.scs-footer__logo { margin: 0 0 1rem; }
.scs-footer__logo-link { display: inline-block; line-height: 0; text-decoration: none; }
.scs-footer__logo-img {
	display: inline-block;
	background: none;
	width: auto;
	height: auto;
}
.scs-footer__blurb {
	color: var(--scs-footer-link);
	font-size: .9rem;
	line-height: 1.6;
	max-width: 34ch;
	margin: 0;
}

/* small uppercase muted column headings */
.scs-footer__col-title {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 700;
	font-size: .8125rem;
	margin: 0 0 1rem;
	opacity: .85;
}

.scs-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.scs-footer__list li { margin: 0 0 .65rem; }
.scs-footer .scs-footer__list a,
.scs-footer .scs-footer__blurb a {
	color: var(--scs-footer-link);
	text-decoration: none;
	font-size: .9rem;
	transition: color .15s ease;
}
.scs-footer .scs-footer__list a:hover { color: #fff; }

/* ---- bottom bar ---- */
.scs-footer__bar { border-top: 1px solid rgba(255, 255, 255, .1); }
.scs-footer__bar-inner {
	max-width: 1320px;
	margin-inline: auto;
	gap: .5rem 1.5rem;
}
.scs-footer__copy,
.scs-footer__fine { margin: 0; color: #8b949c; font-size: .8125rem; }
.scs-footer .scs-footer__fine a {
	color: #8b949c;
	text-decoration: none;
	transition: color .15s ease;
}
.scs-footer .scs-footer__fine a:hover { color: #fff; }

/* ---- responsive ---- */
@media (max-width: 781px) {
	.scs-footer__cta {
		flex-direction: column;
		align-items: flex-start;
	}
	.scs-footer__cols.wp-block-columns { gap: 2rem 1.5rem; }
	.scs-footer__brand { flex-basis: 100% !important; }
	.scs-footer__links { flex-basis: calc(50% - .75rem) !important; }
}
@media (max-width: 480px) {
	.scs-footer__links { flex-basis: 100% !important; }
	.scs-footer__bar-inner { flex-direction: column; align-items: flex-start; }
}