/**
 * Bannatyne Digital — Footer
 */

/* ── Site Footer ─────────────────────────────────────────── */
.site-footer {
	background-color: var(--color-black);
	color: var(--color-white);
	padding: var(--space-16) 0 var(--space-8);
}

/* ── Footer Grid ─────────────────────────────────────────── */
.footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-10);
}

/* ── Footer Logo & Tagline ───────────────────────────────── */
.footer-brand {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.footer-logo {
	display: inline-flex;
	text-decoration: none;
}
.footer-logo img {
    width: auto;
    height: 120px;
    background: #000;
}

.footer-tagline {
	font-size: var(--text-sm);
	font-weight: var(--fw-regular);
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
}

/* ── Footer Column Headings ──────────────────────────────── */
.footer-heading {
	font-size: var(--text-xs);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--tracking-widest);
	color: var(--color-peach);
	margin: 0 0 var(--space-6);
}

/* ── Footer Links ────────────────────────────────────────── */
.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.footer-links a {
	font-size: var(--text-base);
	font-weight: var(--fw-regular);
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	transition: color var(--duration-fast) var(--ease-out);
}

.footer-links a:hover {
	color: var(--color-peach);
}

/* ── Footer Text ─────────────────────────────────────────── */
.footer-text {
	font-size: var(--text-base);
	font-weight: var(--fw-regular);
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 var(--space-6);
	line-height: var(--leading-normal);
}

/* ── Footer CTA Button ───────────────────────────────────── */
.site-footer .btn-primary {
	background-color: var(--color-peach);
	border-color: var(--color-peach);
	color: var(--color-black);
}

.site-footer .btn-primary:hover {
	background-color: #f87c66;
	border-color: #f87c66;
}

/* ── Footer Bottom / Copyright ───────────────────────────── */
.footer-bottom {
	margin-top: var(--space-16);
	padding-top: var(--space-8);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom p {
	font-size: var(--text-sm);
	color: rgba(255, 255, 255, 0.4);
	margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   BOTTOM CTA
   ═══════════════════════════════════════════════════════════ */
.footer-cta {
	padding: var(--space-24) 0;
	background-color: var(--color-black);
	color: var(--color-white);
}

.footer-cta__title {
	font-size: clamp(2rem, 4.5vw, 3.5rem);
	font-weight: var(--fw-black);
	line-height: var(--leading-tight);
	text-transform: uppercase;
	margin: 0 0 var(--space-6);
	max-width: 65%;
}

.footer-cta__text {
	font-size: var(--text-md);
	line-height: var(--leading-relaxed);
	opacity: 0.7;
	margin: 0 0 var(--space-10);
	max-width: 560px;
}

/* ───────────────────────────────────────────────────────────
 * Tablet (768px+)
 * ─────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-12);
	}
}

/* ───────────────────────────────────────────────────────────
 * Desktop (1024px+)
 * ─────────────────────────────────────────────────────────── */
@media (min-width: 1024px) {
	.site-footer {
		padding: var(--space-20) 0 var(--space-10);
	}

	.footer-grid {
		grid-template-columns: 1.5fr 1fr 0.8fr 1.2fr;
		gap: var(--space-16);
	}
}