/* Footer */

.site-footer {
	background: var(--zgb-bg-deep);
	color: color-mix(in srgb, var(--zgb-cream) 78%, transparent);
	/* No top margin — the footer butts directly against the last section
	   (no white gap). Top accent line ties it to the brand. */
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, var(--zgb-green), var(--zgb-blue)) 1;
}
.site-footer a { color: #fff; transition: color var(--zgb-dur-fast); }
.site-footer a:hover { color: var(--zgb-green-soft); }

.site-footer__inner {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1.2fr;
	gap: clamp(2rem, 5vw, 4rem);
	padding-block: clamp(3rem, 6vw, 4.5rem);
	align-items: start;
}

.site-footer__logo img { height: 25px; width: auto; margin-bottom: var(--zgb-space-4); filter: brightness(0) invert(1); }
.site-footer__tagline { max-width: 38ch; color: color-mix(in srgb, var(--zgb-cream) 72%, transparent); margin-bottom: var(--zgb-space-5); }

.site-footer__heading {
	font-size: 1rem; color: #fff; font-family: var(--zgb-font-head);
	letter-spacing: .02em; margin-bottom: var(--zgb-space-4);
}
.site-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--zgb-space-2); }
.site-footer__links a { color: color-mix(in srgb, var(--zgb-cream) 80%, transparent); }
.site-footer__links a:hover { color: #fff; }

.site-footer__cta { margin-top: var(--zgb-space-5); }
/* Black button text (footer CTA only) */
.site-footer__cta.btn--cream,
.site-footer__cta.btn--cream:hover { color: #000; }

/* Social */
.site-footer__social { display: flex; gap: var(--zgb-space-3); }
.social-link {
	width: 42px; height: 42px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid rgba(255,255,255,0.22); border-radius: 50%;
	color: #fff;
	transition: background var(--zgb-dur-fast), border-color var(--zgb-dur-fast), transform var(--zgb-dur-fast), color var(--zgb-dur-fast);
}
.social-link svg { display: block; }
.social-link:hover { background: var(--zgb-green); border-color: var(--zgb-green); transform: translateY(-3px); color: #fff; }
.social-link--instagram:hover {
	/* Instagram brand-ish gradient on hover */
	background: linear-gradient(45deg, #f09433, #dc2743 45%, #bc1888);
	border-color: transparent;
}

/* Bottom bar */
.site-footer__bar {
	border-top: 1px solid rgba(255,255,255,0.12);
	background: rgba(0,0,0,0.18);
}
.site-footer__bar-inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: var(--zgb-space-4); flex-wrap: wrap;
	padding-block: var(--zgb-space-4);
	font-size: var(--zgb-fs-sm);
	color: color-mix(in srgb, var(--zgb-cream) 60%, transparent);
}

@media (max-width: 768px) {
	.site-footer__inner { grid-template-columns: 1fr; text-align: center; justify-items: center; }
	.site-footer__tagline { max-width: 46ch; }
	.site-footer__bar-inner { justify-content: center; text-align: center; }
}