/* File: wp-content/themes/nad-child-theme/assets/css/terra-chrome.css
   Terra brand layer for Header 1 / Footer 1.
   Header tokens apply site-wide whenever Header 1 prints (.nm-has-header-1).
   Footer tokens stay scoped to Terra Landing 1 + Footer 1. */

body.nm-has-header-1 .nm-header.terra-chrome {
	--terra-cream: var(--nad-terra-cream, #fcf9ed);
	--terra-olive: var(--nad-terra-primary, #45422b);
	--terra-sage: var(--nad-terra-secondary, #acad95);
	--terra-font-headline: "DM Sans", sans-serif;
	--terra-font-body: var(--nad-terra-font, "Muli", sans-serif);
	--nm-color-bg: var(--terra-cream);
	--nm-color-muted: var(--terra-olive);
	--nm-color-text: var(--terra-olive);
	--nm-color-text-muted: var(--terra-sage);
	--nm-color-accent: var(--terra-olive);
	--nm-color-on-accent: var(--terra-cream);
	--nm-color-border: var(--terra-sage);
	--nm-color-focus: var(--terra-olive);
	--nm-font: var(--terra-font-body);
	--nm-header-bg: var(--terra-cream);
	--nm-header-fg: var(--terra-olive);
	--nm-header-bg-solid: var(--terra-cream);
	--nm-header-fg-solid: var(--terra-olive);
	--nm-header-scrolled-bg: var(--terra-olive);
	--nm-header-scrolled-fg: var(--terra-cream);
	--nm-header-scrolled-opacity: 0.92;
	--nm-header-opacity: 1;
	--nm-radius: var(--nad-terra-radius, 8px);
	font-family: var(--terra-font-body);
	font-weight: 400;
}

body.nm-has-header-1 .nm-header.terra-chrome.nm-header--transparent:not(.is-scrolled) {
	--nm-header-fg: var(--terra-cream);
	--nm-color-focus: var(--terra-cream);
	--nm-color-text: var(--terra-cream);
	--nm-color-accent: var(--terra-cream);
	--nm-color-on-accent: var(--terra-olive);
	background: transparent;
}

body.nm-has-header-1 .nm-header.terra-chrome.nm-header--transparent:not(.is-scrolled) .nm-button--primary {
	background: var(--nm-header-cta-primary-bg, var(--terra-cream));
	border-color: var(--nm-button-stroke-color, var(--nm-header-cta-primary-bg, var(--terra-cream)));
	color: var(--nm-header-cta-primary-fg, var(--terra-olive));
}

body.nm-has-header-1 .nm-header.terra-chrome.nm-header--transparent:not(.is-scrolled) .nm-button--secondary {
	background: var(--nm-header-cta-secondary-bg, transparent);
	border-color: var(--nm-button-stroke-color, var(--nm-header-cta-secondary-fg, var(--terra-cream)));
	color: var(--nm-header-cta-secondary-fg, var(--terra-cream));
}

body.nm-has-header-1 .nm-header.terra-chrome:not(.nm-header--transparent):not(.is-scrolled) {
	background: var(--nm-header-bg);
	background: color-mix(in srgb, var(--nm-header-bg) calc(var(--nm-header-opacity, 1) * 100%), transparent);
	box-shadow: 0 1px 0 var(--terra-sage);
	color: var(--nm-header-fg);
	--nm-header-fg: var(--terra-olive);
	--nm-color-focus: var(--terra-olive);
	--nm-color-text: var(--terra-olive);
	--nm-color-accent: var(--terra-olive);
	--nm-color-on-accent: var(--terra-cream);
}

body.nm-has-header-1 .nm-header.terra-chrome.is-scrolled {
	background: var(--nm-header-scrolled-bg);
	background: color-mix(in srgb, var(--nm-header-scrolled-bg) calc(var(--nm-header-scrolled-opacity) * 100%), transparent);
	box-shadow: 0 1px 0 var(--terra-sage);
	color: var(--nm-header-scrolled-fg);
	--nm-header-fg: var(--nm-header-scrolled-fg);
	--nm-color-focus: var(--nm-header-scrolled-fg);
	--nm-color-text: var(--nm-header-scrolled-fg);
	--nm-color-accent: var(--nm-header-scrolled-fg);
	--nm-color-on-accent: var(--nm-header-scrolled-bg);
}

body.nm-has-header-1 .nm-header.terra-chrome .nm-header__menu > li > a {
	font-family: var(--terra-font-body);
	font-weight: var(--nm-nav-font-weight, 700);
	letter-spacing: var(--nm-nav-letter-spacing, 0.04em);
	text-transform: var(--nm-nav-text-transform, uppercase);
}

body.nm-has-header-1 .nm-header.terra-chrome .nm-header__menu .sub-menu a {
	font-family: var(--terra-font-body);
}

body.nm-has-header-1 .nm-header.terra-chrome .nm-header__drawer {
	background: var(--terra-cream);
	border-top-color: var(--terra-sage);
	color: var(--nm-header-fg);
	--nm-color-text: var(--nm-header-fg);
	--nm-color-accent: var(--nm-header-fg);
	--nm-color-on-accent: var(--terra-olive);
	--nm-color-focus: var(--nm-header-fg);
}

body.nm-has-header-1 .nm-header.terra-chrome .nm-header__brand--text {
	font-family: var(--terra-font-headline);
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome .nm-footer__heading,
#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome .nm-button {
	font-family: var(--terra-font-body);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome .nm-button {
	border-style: solid;
	border-width: var(--nm-button-stroke-width, 1px);
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome .nm-header__brand--text,
#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome .nm-footer__title a {
	font-family: var(--terra-font-headline);
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome.nm-footer {
	background: var(--terra-olive);
	color: var(--terra-cream);
	--nm-color-text: var(--terra-cream);
	--nm-color-text-muted: var(--terra-sage);
	--nm-color-border: rgba(172, 173, 149, 0.45);
	--nm-color-focus: var(--terra-cream);
	--nm-color-accent: var(--terra-cream);
	--nm-color-on-accent: var(--terra-olive);
	--nm-footer-nav-primary-color: var(--terra-cream);
	--nm-footer-nav-secondary-color: var(--terra-sage);
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome.nm-footer .nm-button--primary {
	background: var(--terra-cream);
	border-color: var(--nm-button-stroke-color, var(--terra-cream));
	color: var(--terra-olive);
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome.nm-footer .nm-button--secondary {
	background: transparent;
	border-color: var(--nm-button-stroke-color, var(--terra-sage));
	color: var(--terra-cream);
}

#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome.nm-footer .nm-footer__legal,
#colibri.nm-template-terra-landing.nm-chrome-nm .terra-chrome.nm-footer .nm-footer__legal p {
	color: var(--terra-cream);
}
