/* ============================================================
   MIN AVA — site chrome (header + footer)
   Loaded site-wide. Uses :root tokens from tokens.css.
   ============================================================ */

/* ---------- BASE / RESET FOR THE CHROME ---------- */
.min-ava-site {
	font-family: var(--font-body);
	color: var(--ink);
	background-color: var(--linen);
	margin: 0;
}

.min-ava-site a {
	color: inherit;
	text-decoration: none;
}

/* ============================================================
   HEADER
   ============================================================ */

.min-ava-site .site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: oklch(0.94 0.025 60 / 0.92);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid oklch(0.82 0.040 58 / 0.6);
	padding: 0 clamp(1.25rem, 4vw, 3rem);
}

.min-ava-site .nav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 4rem;
	max-width: 1400px;
	margin: 0 auto;
}

.min-ava-site .nav-logo,
.min-ava-site .nav-logo a {
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 900;
	color: var(--ink);
	letter-spacing: -0.02em;
	line-height: 1;
	display: inline-flex;
	align-items: center;
}

.min-ava-site .nav-logo span {
	display: inline-block;
	color: var(--clay);
}

.min-ava-site .nav-logo .custom-logo {
	height: 2rem;
	width: auto;
	display: block;
}

.min-ava-site .nav-links {
	display: flex;
	align-items: center;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	list-style: none;
	padding: 0;
	margin: 0;
}

.min-ava-site .nav-links a {
	font-family: var(--font-body);
	font-size: var(--text-sm);
	font-weight: 400;
	color: var(--ink-soft);
	transition: color 0.2s ease;
}

.min-ava-site .nav-links a:hover,
.min-ava-site .nav-links .current-menu-item a,
.min-ava-site .nav-links .current_page_item a {
	color: var(--clay);
}

.min-ava-site .nav-cta {
	font-family: var(--font-display);
	font-size: var(--text-xs) !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	padding: 0.55em 1.4em;
	background-color: var(--clay);
	color: var(--warm-white) !important;
	border: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.min-ava-site .nav-cta:hover {
	background-color: var(--clay-deep);
	color: var(--warm-white) !important;
}

@media (max-width: 600px) {
	.min-ava-site .nav-links .hide-mobile {
		display: none;
	}
}

/* ============================================================
   FOOTER
   ============================================================ */

.min-ava-site .site-footer {
	background-color: oklch(0.18 0.035 38);
	padding: var(--space-xl) clamp(1.5rem, 6vw, 5rem) var(--space-lg);
}

.min-ava-site .footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: var(--space-lg);
}

@media (max-width: 860px) {
	.min-ava-site .footer-inner {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 520px) {
	.min-ava-site .footer-inner {
		grid-template-columns: 1fr;
	}
}

.min-ava-site .footer-brand .footer-logo {
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 900;
	color: var(--warm-white);
	letter-spacing: -0.02em;
	margin: 0 0 var(--space-sm);
}

.min-ava-site .footer-brand .footer-logo span {
	color: var(--clay-light);
}

.min-ava-site .footer-tagline {
	font-size: var(--text-sm);
	color: oklch(0.62 0.025 48);
	line-height: 1.6;
	max-width: 30ch;
	margin: 0;
}

.min-ava-site .footer-col-heading {
	font-family: var(--font-display);
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: oklch(0.55 0.025 48);
	margin: 0 0 var(--space-sm);
}

.min-ava-site .footer-links {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	padding: 0;
	margin: 0;
}

.min-ava-site .footer-links a {
	font-size: var(--text-sm);
	color: oklch(0.68 0.025 48);
	transition: color 0.2s ease;
}

.min-ava-site .footer-links a:hover {
	color: var(--clay-light);
}

.min-ava-site .footer-contact-item {
	font-size: var(--text-sm);
	color: oklch(0.62 0.025 48);
	line-height: 1.7;
}

.min-ava-site .footer-contact-item + .footer-contact-item {
	margin-top: 1em;
}

.min-ava-site .footer-contact-item strong {
	color: oklch(0.75 0.030 50);
	font-weight: 600;
	display: block;
}

.min-ava-site .footer-contact-item a {
	color: inherit;
	border-bottom: 1px solid oklch(0.35 0.03 45);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.min-ava-site .footer-contact-item a:hover {
	color: var(--clay-light);
	border-color: var(--clay-light);
}

.min-ava-site .footer-bottom {
	max-width: 1200px;
	margin: var(--space-lg) auto 0;
	padding-top: var(--space-sm);
	border-top: 1px solid oklch(0.25 0.03 40);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-xs);
}

.min-ava-site .footer-bottom-text {
	font-size: var(--text-xs);
	color: oklch(0.50 0.020 45);
	margin: 0;
}