/* Bridges WordPress block markup (site logo, navigation) to the ichimaru design system in assets/css/style.css. */

/* .wp-block-site-logo.is-default-size img sets width:120px at (0,2,1) specificity,
   beating a plain `.nav-logo img` rule. Match its specificity so the logo renders
   at the original design's 36px height instead of WP's 120px-wide default. */
.wp-block-site-logo.nav-logo img {
	height: 36px;
	width: auto;
	filter: brightness(0) invert(1);
	display: block;
}

.wp-block-navigation.nav-links {
	--wp--style--block-gap: 2rem;
}

/* Core ships `.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit }`
   at (0,3,0), which beats `.nav-links a`. It also forces the overlay text/background
   colors to `inherit` (not the configured overlay colors) whenever the menu isn't
   open, i.e. the normal inline desktop nav. Match that specificity so the links
   pick up the intended white-on-navy styling instead of inheriting the page's
   near-black body text color. */
.navbar .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.88);
}
.navbar .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--gold-light);
}
/* Current-page underline — added by main.js, since wp:navigation-link items
   are plain hardcoded URLs and core has no menu location to mark "current"
   against, unlike a classic wp_nav_menu(). */
.navbar .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--gold-light);
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}

/* Mobile overlay menu: the hamburger/close icons use color:currentColor, which
   inherits the near-black body text color the same way the links did above
   (nothing else in #navbar sets an explicit color). Make them visible. */
.navbar .wp-block-navigation__responsive-container-open,
.navbar .wp-block-navigation__responsive-container-close {
	color: #ffffff;
}
/* Core positions the close (X) button flush against the overlay's top-right
   corner (position:absolute; top:0; right:0) — give it some breathing room
   from the screen edge on mobile, matching the original design's spacing. */
.navbar .wp-block-navigation__responsive-container-close {
	top: 1.5rem;
	right: 1.5rem;
}

/* Core only switches the nav to its hamburger+overlay mode below a
   hardcoded 600px breakpoint (@media (min-width:600px) forces the links
   inline and hides the open button — see wp-includes/blocks/navigation/
   style.min.css). This site's 6 links + logo need close to 1024px to fit
   on one line, so between 600-1024px (iPad included) they wrapped onto a
   second line instead. Force hamburger mode through that whole range
   instead. #navbar (an ID, matching the header's own anchor) outguns
   core's plain-class selectors regardless of stylesheet load order, so
   this doesn't depend on a source-order tie-break.
   Left untouched when .is-menu-open (menu actually opened) so the
   overlay's own core-controlled display:flex still applies normally. */
@media (min-width: 600px) and (max-width: 1024px) {
	#navbar .wp-block-navigation__responsive-container-open {
		display: flex;
	}
	#navbar .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

/* The nav's own "layout: justifyContent right" (for right-aligned desktop links)
   also governs alignment inside the mobile overlay, pushing items toward the
   right edge instead of centering them and contributing to horizontal overflow.
   Force centered alignment with bigger serif type and a generous gap,
   matching the original design, only inside the open overlay. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 2rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
	font-family: 'Allumi Std', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
}