/* HeaderV2 - bar radius is a corner SUBSET: bottom two rounded, top two square by design.
   Expressed through the framework's per-corner multipliers on bdr-rds - never a length. */

.hdr.v2 {

	--bdr-tl-rds: 0; /* { min: 0, max: 1, step: 0.25, friendly: 'Header V2 Bar Radius - Top Left Corner', group: 'Calculations' } */
	--bdr-tr-rds: 0; /* { min: 0, max: 1, step: 0.25, friendly: 'Header V2 Bar Radius - Top Right Corner', group: 'Calculations' } */

	/* In-flow bar is fully square: the rounded corners only make sense when .overlap
	   (on html or body) floats the header over the mainstage. Zeroing the base radius
	   tokens kills every bdr-rds/bdr-rds-crd computation inside the bar. */
	html:not(.overlap) body:not(.overlap) & {
		--bdr-rds: 0;
		--bdr-rds-crd: 0;
	}

	/* ESCAPE HATCH: secondary-link underline only (comp: textDecoration UNDERLINE on link text) — do not remove. */
	.sec-nv-lnk span {
		text-decoration-line: underline;
		text-decoration-skip-ink: none;
		text-underline-position: from-font;
	}

	/* Landmark design (Figma 18723:21721, "Navigator"): 250 x 96 logo; utility row
	   (secondary links + phone, no divider, no phone icon) above the main nav row. */
	--hdr-lg-mx-wd: 250;
	--hdr-lg-mx-ht: 96;
	--hdr-nv-sp: 56;
	/* The -clc formulas resolve where they're declared (:root in header-tools.css), so they're
	   re-declared here to pick up the values above. */
	--hdr-lg-mx-wd-clc: calc((var(--hdr-lg-mx-wd-mbl) * 1px) + (var(--hdr-lg-mx-wd) - var(--hdr-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
	--hdr-lg-mx-ht-clc: calc((var(--hdr-lg-mx-ht-mbl) * 1px) + (var(--hdr-lg-mx-ht) - var(--hdr-lg-mx-ht-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
	--hdr-nv-sp-clc: calc((var(--hdr-nv-sp-lpt) * 1px) + (var(--hdr-nv-sp) - var(--hdr-nv-sp-lpt)) * ((var(--vw_) - 1280px) / (1920 - 1280)));

	.phn-sec-nv {
		column-gap: 2.5rem;

		.str,
		.phn-icn-bx {
			display: none;
		}

		.sec-nv a {
			text-decoration-line: underline;
			text-underline-position: from-font;
		}
	}

	/* Header phone reads as a nav link: Primary Nav type (bold 20px), not the 24px phone style */
	.phn-grp .fnt_phn {
		font-family: var(--fnt-nv-pry-ff);
		font-size: var(--fnt-nv-pry-s);
		font-weight: var(--fnt-nv-pry-w);
	}

	/* Nav hover: clr-swp swaps text-color -> link-color on hover, but the dark palettes set both
	   to white, so the swap is invisible. Header links land on the palette's hover role instead. */
	a.clr-swp:not(.btn) {
		transition: color var(--g-trn-sp, 0.2s) var(--g-trn-tf, ease) 0s;
	}

	@media screen and (width >= 1280px) {
		.hdr-v2-bar {
			padding-block: 1.5rem;
			padding-inline: 4rem;
		}
	}
}

/* Overlap: the header floats transparent over the first section (the home mainstage, whose
   160px top padding leaves room for it). header-tools.css scopes overlap to #HeaderZone, but
   these layouts render the zone as <header id="header">. Desktop only - on mobile the
   compact bar stays in flow. */
@media screen and (width >= 1280px) {
	.overlap #header:has(.hdr.v2) {
		position: absolute;
		inset-inline: 0;
		top: 0;
		z-index: 10;

		.hdr.v2 {
			background-color: transparent;
		}
	}
}