/* Current-page highlight in the header navigation (issues #3 / #7).
 *
 * Scope to the header template part (header.wp-block-template-part): it reliably
 * covers all of the header's responsive nav copies (desktop + mobile burger)
 * while excluding the footer's own (vertical) copy of the same menu. (Older
 * markup had no <header> and wrapped the nav in a .has-background-blur pill; the
 * theme header now renders as a real <header>, and the desktop nav sits outside
 * that pill, so keying off the pill no longer works.)
 *
 * Works with whichever "current" marker is present: WordPress's server-side
 * .current-menu-item / aria-current, or .listo-nav-current added by
 * nav-current.js. The label span carries the visible text and its own colour,
 * so it's targeted directly (with the anchor as a fallback). */

header.wp-block-template-part .current-menu-item a.wp-block-navigation-item__content,
header.wp-block-template-part .listo-nav-current a.wp-block-navigation-item__content,
header.wp-block-template-part a.wp-block-navigation-item__content[aria-current="page"],
header.wp-block-template-part .current-menu-item .wp-block-navigation-item__label,
header.wp-block-template-part .listo-nav-current .wp-block-navigation-item__label,
header.wp-block-template-part a[aria-current="page"] .wp-block-navigation-item__label {
	color: var(--wp--preset--color--primary) !important;
	font-weight: 600 !important;
}