/* LocationChip — the "you are viewing X" marker.
   Its own module so IT is the registered localization panel: the swap target is
   this chip alone, never the header that hosts it. Both faces carry identical
   markup so the swap holds its footprint. */

.loc-chp {

	--loc-chp-icn-s: 1.1rem; /* { min: 0.8, max: 2, step: 0.05, friendly: 'Location Chip Icon Size', group: 'Calculations' } */
	--loc-chp-pd-v: 0.4; /* { min: 0, max: 1.5, step: 0.05, friendly: 'Location Chip Padding - Vertical', group: 'Calculations' } */
	--loc-chp-pd-h: 0.9; /* { min: 0, max: 2.5, step: 0.05, friendly: 'Location Chip Padding - Horizontal', group: 'Calculations' } */

	padding: calc(var(--loc-chp-pd-v) * 1em) calc(var(--loc-chp-pd-h) * 1em);

	svg {
		font-size: var(--loc-chp-icn-s);
	}

}

/* Landmark (Figma 18723:21846): gold pin, name and link in the Secondary Nav style 16px apart,
   link underlined. Ported from Castle Windows' LocationChip. */
.loc-chp {
	column-gap: 1rem;

	svg {
		color: var(--accent);
	}

	/* Regular weight so the link reads lighter than the bold location name beside it */
	.loc-chp-lnk {
		font-weight: 400;
		text-decoration-line: underline;
		text-decoration-skip-ink: none;
		text-underline-position: from-font;
	}
}

/* Figma divider between the chip and the secondary links (FAQ / Financing): 1px gold at 30%,
   26px tall, 40px either side. Drawn by the chip itself so it only shows when the chip has
   content (a localized visitor); the chip's own 1rem gap + 1.5rem margin makes the 40px. */
.loc-chp:has(.loc-chp-lnk)::after {
	content: '';
	flex: 0 0 1px;
	align-self: center;
	height: 1.625rem;
	margin-inline-start: 1.5rem;
	background-color: hsl(from var(--accent) h s l / 0.3);
}

/* The header row's own gap supplies the space after the divider; drop the chip's end padding
   so the divider sits centered between "change location" and FAQ. */
.loc-chp:has(.loc-chp-lnk) {
	padding-inline-end: 0;
}