/* ==========================================================================
   BookieFinder — Footer
   ========================================================================== */
.bf-footer {
	background: var(--bf-white);
	color: var(--bf-muted);
	margin-top: 48px;
	border-top: 1px solid var(--bf-border);
}

.bf-footer-inner {
	max-width: var(--bf-container);
	margin: 0 auto;
	padding: 48px 24px 36px;
	display: grid;
	grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.bf-footer-logo {
	font-family: var(--bf-font-display);
	font-size: 22px;
	font-weight: 700;
	color: var(--bf-brand);
	display: block;
	margin-bottom: 10px;
}
.bf-footer-blurb { font-size: 14px; line-height: 1.6; margin-bottom: 16px; max-width: 280px; }
.bf-footer-social { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.bf-footer-social-link { font-size: 13px; font-weight: 600; color: var(--bf-ink); }

.bf-footer-heading {
	font-family: var(--bf-font);
	color: var(--bf-ink);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 14px;
}
.bf-footer-list { display: flex; flex-direction: column; gap: 9px; }
.bf-footer-list a { font-size: 14px; color: var(--bf-muted); }
.bf-footer-list a:hover { color: var(--bf-ink); }

.bf-footer-legal { border-top: 1px solid var(--bf-border); background: var(--bf-bg); }
.bf-footer-legal-inner {
	max-width: var(--bf-container);
	margin: 0 auto;
	padding: 18px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 24px;
	font-size: 13px;
}
.bf-footer-legal-links { display: flex; gap: 6px 18px; flex-wrap: wrap; }
.bf-footer-legal-links a:hover { color: var(--bf-ink); }
.bf-footer-copyright { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; }
.bf-footer-rg-note { color: var(--bf-ink); font-weight: 600; }

@media (max-width: 960px) {
	.bf-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bf-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
	.bf-footer-inner { grid-template-columns: 1fr; padding: 36px 16px 28px; gap: 28px; }
	.bf-footer-legal-inner { padding: 16px; }
}