/* Current-page highlight in the header navigation (issues #3 / #7).
 *
 * The shared header does NOT render as a <header> element — it's a group with a
 * glassmorphism pill (.has-background-blur) wrapping the nav. So we scope to that
 * pill: it's a unique, reliable "this is the header" marker that also excludes
 * the footer's own (vertical) copy of the same menu.
 *
 * 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). */

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