/* ---------------------------------------------------------------------------
   Site header (parts/header.html)
   Generic sticky menubar: skip link, site title, current-page title (mobile),
   core Navigation block (inline links on desktop, core overlay on mobile).
--------------------------------------------------------------------------- */

a.menubar--skip {
	display: inline-block;
	padding: 6px;
	position: absolute;
	top: -50px;
	left: 0;
	color: var(--wp--preset--color--black, #000);
	background: var(--wp--preset--color--white, #fff);
	border-right: 1px solid var(--wp--preset--color--black, #000);
	border-bottom: 1px solid var(--wp--preset--color--black, #000);
	border-bottom-right-radius: 8px;
	text-decoration: underline;
	transition: top 1s ease-out;
	z-index: 100;
}

a.menubar--skip:focus {
	left: 0;
	top: 0;
	outline-color: transparent;
	transition: top .1s ease-in;
}

.menubar--section {
	position: sticky;
	top: 0;
	z-index: 10;
	background: var(--wp--preset--color--white, #fff);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* WP nudges the whole page down for the admin bar; sticky needs the offset */
.admin-bar .menubar--section {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.menubar--container {
	max-width: var(--wp--style--global--wide-size, 1400px);
	min-height: var(--theme-menu-height, 51px);
	margin-left: auto;
	margin-right: auto;
	padding: 10px var(--theme-content-padding, 15px);
}

.menubar--site-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--h-6, 22px);
	font-weight: 700;
	letter-spacing: -0.01em;
	white-space: nowrap;
}

.menubar--site-title a {
	color: inherit;
	text-decoration: none;
}

.menubar--site-title a:hover,
.menubar--site-title a:focus-visible {
	text-decoration: underline;
}

/* Current page name next to the site title — mobile context cue only */
.menubar--page-title {
	margin: 0 auto 0 12px;
	padding-left: 12px;
	border-left: 1px solid rgba(0, 0, 0, .2);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 40vw;
}

.menubar--page-title:empty {
	display: none;
}

@media (min-width: 992px) {
	.menubar--page-title {
		display: none;
	}
}

/* --- Navigation block ----------------------------------------------------- */

.menubar--nav a {
	color: inherit;
	text-decoration: none;
}

.menubar--nav a:hover,
.menubar--nav a:focus-visible,
.menubar--nav a[aria-current] {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.menubar--nav .wp-block-navigation-item {
	margin: 0 0 0 30px;
}

/* Core mobile overlay: full-screen white panel, larger tap targets */
.menubar--nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--white, #fff);
	padding: calc(var(--theme-menu-height, 51px) + 30px) var(--theme-content-padding, 15px) 30px;
}

.menubar--nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	margin: 0 0 18px;
}

.menubar--nav .wp-block-navigation__responsive-container.is-menu-open a {
	font-size: var(--wp--preset--font-size--h-5, 26px);
}

.menubar--nav .wp-block-navigation__responsive-container-open,
.menubar--nav .wp-block-navigation__responsive-container-close {
	color: inherit;
}

@media (prefers-reduced-motion: reduce) {
	a.menubar--skip {
		transition: none;
	}
}