/*
 * Mobile nav: replaces the hamburger + slide-in panel with the two nav links
 * shown inline in the header (the old panel opened with no background, leaving
 * the links unreadable over page content). Desktop (>=1024px) is untouched.
 */
@media screen and (max-width: 1023.98px) {
	/* the interactions column only held the hamburger */
	.header-interactions {
		display: none;
	}

	/* pull the nav out of the slide-in panel and into the header row */
	.site-header-items-center__nav-wrapper {
		position: static;
		grid-area: interactions;
		justify-self: end;
		min-height: 0;
		overflow: visible;
		pointer-events: auto;
		background: none;
	}

	.header-nav {
		position: static;
		translate: 0;
		min-height: 0;
		height: auto;
		overflow: visible;
		flex-direction: row;
		background-color: transparent;
	}

	.header-nav__container {
		flex-direction: row;
		align-items: center;
		gap: calc(var(--global-inline-spacing) / 4);
		padding: 0;
	}

	/* items were faded in by the menu-open body class, which no longer exists */
	.header-nav__item {
		opacity: 1;
	}
}