.s1-menu-items {
	display: flex;
	flex-direction: column;
}
@media screen and (min-width: 1000px) {
	.s1-menu-items {
		flex-direction: row;
	}
}

/* menu buttons */
.s1-menu-items :is(.menuButtonOutline, .menuButtonLink, .menuButton) {
	order: 1;
	padding: .5em 0 0;
	pointer-events: none;
}
.s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) :is(.s1-submenu-items, .s1-menuChevron), .s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) .s1-menu-link::after {
	display: none !important;
}
.s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) .s1-menu-link {
	justify-content: center;
	height: auto;
	padding: calc(1em - 1px) calc(1.75em - 1px);
	border: 1px solid var(--s1-mb-border, transparent);
	color: var(--s1-mb-text, var(--s1-accentComplement));
	background: var(--s1-mb-bg, var(--c-accent));
	border-radius: var(--s1-borderRadius);
	line-height: 1;
	min-height: unset;
	pointer-events: auto;
}
.s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) .s1-menu-link:hover {
	color: var(--s1-mb-textHover, var(--s1-mb-text, var(--s1-accentComplement)));
	background: var(--s1-mb-bgHover, var(--s1-mb-bg, var(--s1-accentDark)));
	background: var(--s1-mb-bgHover, var(--s1-mb-bg, color-mix(in srgb, var(--c-accent), black 14%)));
	border-color: var(--s1-mb-borderHover, var(--s1-mb-border, transparent));
}
.menuButtonOutline {
	--s1-mb-bg: transparent;
	--s1-mb-border: currentColor;
	--s1-mb-text: var(--s1-hLink);
	--s1-mb-textHover: var(--s1-hLinkHover);
}
.menuButtonLink {
	--s1-mb-text: var(--s1-componentBg);
	--s1-mb-bg: var(--s1-hLink);
	--s1-mb-bgHover: var(--s1-hLinkHover);
}
.s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) .s1-menu-link .navIcon {
	margin-left: 0;
	margin-block: -.1875em;
}
@media only screen and (min-width: 1001px) {
	.menuButtonLink {
		--s1-mb-text: var(--s1-hBg);
	}
	.s1-menu-items :is(.menuButtonOutline, .menuButtonLink, .menuButton) {
		padding: 0;
		align-self: center;
		box-sizing: border-box;
	}
	.s1-menu-items :is(.menuButton, .menuButtonLink, .menuButtonOutline) .s1-menu-link {
		margin-inline: .5em;
		width: fit-content;
		justify-self: center;
	}
}