/*
Theme Name:   Zulo Child
Theme URI:    https://zulointelligence.co.nz
Description:  Zulo Intelligence child theme for Astra
Template:     astra
Version:      1.0.0
Text Domain:  zulo-child
*/

/* Brand colour variables, ported from ai-consulting-theme/assets/css/main.css */
:root {
	--c-primary:   #1d3a5f;
	--c-primary-d: #122438;
	--c-accent:    #0ea5e9;
	--c-band-dark: #0f1e33;
	--c-footer:    #0f172a;
	--c-text:      #0f172a;
	--c-muted:     #64748b;
	--c-border:    #e2e8f0;
	--c-bg-soft:   #f0f5fa;
	--c-bg-hero:   #e8f1f9;

	--font: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

body {
	font-family: var(--font);
	color: var(--c-text);
}

.ast-container {
	max-width: 1200px;
}

/* Footer, ported from ai-consulting-theme/footer.php structure */
.zulo-footer {
	background: var(--c-footer);
	color: rgba(255, 255, 255, 0.55);
	padding-top: 4rem;
}
.zulo-footer__inner {
	max-width: 1200px;
	margin-inline: auto;
	padding: 0 clamp(1.25rem, 4vw, 2rem) 3rem;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 3rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.zulo-footer__logo-link { display: inline-flex; }
.zulo-footer__logo { width: auto; height: 40px; max-width: min(16rem, 62vw); display: block; object-fit: contain; }
.zulo-footer__tagline { margin-top: 0.625rem; font-size: 0.875rem; color: rgba(255, 255, 255, 0.4); max-width: 280px; }
.zulo-footer__nav-list { list-style: none; display: flex; flex-wrap: wrap; gap: 0.375rem 0.875rem; align-items: flex-start; justify-content: flex-end; margin: 0; padding: 0; }
.zulo-footer__nav-list a { font-size: 0.875rem; color: rgba(255, 255, 255, 0.5); text-decoration: none; transition: color 0.2s ease; }
.zulo-footer__nav-list a:hover { color: #fff; }
.zulo-footer__bottom { max-width: 1200px; margin-inline: auto; padding: 1.5rem clamp(1.25rem, 4vw, 2rem); }
.zulo-footer__copy { font-size: 0.8125rem; color: rgba(255, 255, 255, 0.35); text-align: center; }
.zulo-footer__copy a { color: rgba(255, 255, 255, 0.4); }
.zulo-footer__copy a:hover { color: rgba(255, 255, 255, 0.7); }

@media (max-width: 768px) {
	.zulo-footer__inner { grid-template-columns: 1fr; }
	.zulo-footer__nav-list { justify-content: flex-start; }
}