/*
 * Header nav: core's Navigation block hard-codes its own responsive
 * breakpoint at 600px (verified against the installed WP 7.0.2's
 * wp-includes/blocks/navigation/style.min.css) — there is no block
 * attribute to change it. The design collapses to the hamburger at 768px,
 * so without this override the desktop nav still shows on tablets in the
 * 600-768px gap. Legitimate last-resort override, same rationale as
 * docs.css's sticky-TOC rule: no block support exposes this value.
 */
@media (max-width: 767.98px) {
	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.support-link{
		display: none !important;
	}
}

/*
 * Header nav: "make the menu full width, center the items" — the Navigation
 * block's own justifyContent:"center" (set as a normal block attribute)
 * already centers the items WITHIN the nav's box, but there's no block
 * attribute for making the nav itself grow to fill the remaining space
 * between the logo and the Install app button in the header's flex row —
 * that's a plain flex-grow, which only CSS can express. Scoped to
 * desktop/tablet only (768px+, matching this file's own breakpoint above)
 * so it has zero effect on the mobile hamburger view.
 */
@media (min-width: 768px) {
	.storemapify-nav-full {
		flex: 1 1 auto;
	}
}