/* core/navigation: header menu. The overlay (hamburger) takes over below
   900px instead of core's fixed 600px, to match the design. */
.pas-nav { flex: 1; justify-content: center; }
.pas-nav .wp-block-navigation__container { gap: 4px; }
.pas-nav .wp-block-navigation-item__content {
	display: block; white-space: nowrap; padding: 8px 12px; border-radius: 8px;
	color: rgb(255 255 255 / .9); text-decoration: none;
}
.pas-nav .wp-block-navigation-item__content:hover,
.pas-nav .wp-block-navigation-item__content:focus-visible { color: #fff; background: rgb(255 255 255 / .14); }
.pas-nav .current-menu-item > .wp-block-navigation-item__content,
.pas-nav [aria-current="page"] { color: #fff; background: rgb(255 255 255 / .16); }

/* The search field and phone number inside the menu are for the mobile
   overlay only (the header bar has its own on wider screens) */
.pas-nav .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.pas-nav-search, .pas-nav-phone) { display: none; }

/* Just too narrow for the full menu before the overlay takes over at 900px */
@media (max-width: 1000px) {
	.pas-nav .wp-block-navigation__container { gap: 0; }
	.pas-nav .wp-block-navigation-item__content { padding-inline: 9px; }
}

.pas-nav .wp-block-navigation__responsive-container-open {
	width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 999px;
}
.pas-nav .wp-block-navigation__responsive-container-open:hover { background: rgb(255 255 255 / .12); }

@media (min-width: 600px) and (max-width: 900px) {
	.pas-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.pas-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.pas-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { display: flex; }
}
@media (max-width: 900px) {
	.pas-nav { order: 3; flex: 0 0 auto; }
}

/* Overlay: navy panel, big display-font links, search on top */
.pas-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 0 var(--wp--custom--gutter) 40px; }
.pas-nav .is-menu-open .wp-block-navigation__responsive-close { max-width: none; }
.pas-nav .is-menu-open .wp-block-navigation__responsive-container-close {
	top: calc((var(--wp--custom--header-height) - 44px) / 2); right: 0;
	width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 999px;
}
.pas-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: calc(var(--wp--custom--header-height) + 8px) !important;
	align-items: stretch !important; gap: 20px !important;
}
.pas-nav .is-menu-open .wp-block-navigation__container { order: 2; gap: 0 !important; width: 100%; }
.pas-nav .is-menu-open .wp-block-navigation-item { width: 100%; }
.pas-nav .is-menu-open .wp-block-navigation-item__content {
	width: 100%; padding: 14px 0 !important; border-radius: 0; background: none !important;
	font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 600; color: #fff;
	border-bottom: 1px solid rgb(255 255 255 / .1);
}
.pas-nav .is-menu-open .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--signal); }
.pas-nav .is-menu-open .pas-nav-search { order: 1; width: 100%; margin: 0; }
/* Phone: a pill under the links, like the number in the desktop header */
.pas-nav .is-menu-open .pas-nav-phone { margin-top: 24px; }
.pas-nav .is-menu-open .pas-nav-phone .wp-block-navigation-item__content {
	display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box;
	padding: 14px 20px !important; border: 0; border-radius: 999px; background: rgb(255 255 255 / .12) !important;
	font-family: var(--wp--preset--font-family--body); font-size: 18px;
}
.pas-nav .is-menu-open .pas-nav-phone .wp-block-navigation-item__content::before {
	content: ""; width: 20px; height: 20px; flex-shrink: 0; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h2.3a1 1 0 0 1 .93.63l1.6 4a1 1 0 0 1-.4 1.22L9 10.5a11 11 0 0 0 4.5 4.5l1.15-1.93a1 1 0 0 1 1.22-.4l4 1.6a1 1 0 0 1 .63.93v2.3a3 3 0 0 1-3 3A17 17 0 0 1 3.5 6.5a3 3 0 0 1 3-3z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h2.3a1 1 0 0 1 .93.63l1.6 4a1 1 0 0 1-.4 1.22L9 10.5a11 11 0 0 0 4.5 4.5l1.15-1.93a1 1 0 0 1 1.22-.4l4 1.6a1 1 0 0 1 .63.93v2.3a3 3 0 0 1-3 3A17 17 0 0 1 3.5 6.5a3 3 0 0 1 3-3z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.admin-bar .pas-nav .is-menu-open { margin-top: var(--wp-admin--admin-bar--height, 0px); }