/**
 * Primary navigation.
 */

.c-sitemenu {
	font-size: var(--wp--custom--typography--site-menu--font-size);
	font-style: var(--wp--custom--typography--site-menu--font-style);
	font-weight: var(--wp--custom--typography--site-menu--font-weight);
	line-height: var(--wp--custom--typography--site-menu--line-height);
	width: 100%;
}

/******************************
 * Full-View Top Level
 ******************************/
.c-sitemenu__main-list {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.c-sitemenu__list-item {
	display: flex;
	position: relative;
}

.c-sitemenu__list-item.to-left {
	flex-grow: 1;
}

.c-sitemenu__main-list > .c-sitemenu__list-item > a {
	align-items: center;
	background-color: transparent;
	color: var(--wp--custom--color--white);
	display: flex;
	min-height: var(--wp--custom--dimensions--min-hit);
	padding-bottom: 0;
	padding-left: var(--wp--custom--primitive--padding--medium);
	padding-right: var(--wp--custom--primitive--padding--medium);
	padding-top: 0;
	position: relative;
	text-decoration: none;
}

/* Dropdown Trigger */
.c-sitemenu__more-button {
	background-color: transparent;
	border: 0;
	color: var(--wp--custom--color--white);
	padding-bottom: 0;
	padding-left: var(--wp--custom--primitive--padding--medium);
	padding-right: var(--wp--custom--primitive--padding--medium);
	padding-top: 0;
	text-align: left;
	text-decoration: none;
}

.c-sitemenu__more-button .c-sitemenu__more-icon {
	width: 0.75rem;
	vertical-align: -0.25rem;
	margin-left: 0.5rem;
}

/* Dropdown Container */
.c-sitemenu__more {
	position: absolute;
	top: 100%;
}

.c-sitemenu__more-inner {
	border: 1px solid var(--wp--custom--input--border-color);
}

.c-sitemenu__more ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* Dropdown Links */
.c-sitemenu__more a {
	background-color: var(--wp--custom--color--white);
	color: inherit;
	min-height: var(--wp--custom--dimensions--min-hit);
	padding-bottom: calc(var(--wp--custom--primitive--padding--medium) / 2);
	padding-left: var(--wp--custom--primitive--padding--medium);
	padding-right: var(--wp--custom--primitive--padding--medium);
	padding-top: calc(var(--wp--custom--primitive--padding--medium) / 2);
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
}

/* Hamburger Menu Button */
.c-sitemenu__menu-button {
	align-items: center;
	background: transparent;
	border: var(--wp--custom--input--border-width) solid var(--wp--custom--color--surface-tertiary);
	border-radius: var(--wp--custom--input--border-radius);
	color: var(--wp--custom--color--white);
	display: none;
	min-height: var(--wp--custom--dimensions--min-hit);
	min-width: var(--wp--custom--dimensions--min-hit);
	padding: 0 var(--wp--custom--primitive--padding--medium) !important;
}

.c-sitemenu__menu-button .c-sitemenu__menu-button-icon {
	margin-right: 0.5rem;
	margin-top: 0;
	width: 1rem;
}

.c-sitemenu__custom-icon {
	height: 1.25em;
	margin-inline-end: .3em;
	margin-top: 0;
	width: 1.25em;
}

/**
 * Expanded/Active/Hover/Focus styles
 */

/**
 * Top level.
 */
.c-sitemenu__main-list > .c-sitemenu__list-item > a:hover,
.c-sitemenu__main-list > .c-sitemenu__list-item > button:hover,
.c-sitemenu__main-list > .c-sitemenu__list-item > a:focus-visible,
.c-sitemenu__main-list > .c-sitemenu__list-item > button:focus-visible,
.c-sitemenu__main-list [aria-current] {
	color: var(--wp--custom--color--text-tertiary);
}

.c-sitemenu__main-list > .c-sitemenu__list-item > a:hover::after,
.c-sitemenu__main-list > .c-sitemenu__list-item > button:hover::after,
.c-sitemenu__main-list > .c-sitemenu__list-item > a:focus-visible::after,
.c-sitemenu__main-list > .c-sitemenu__list-item > button:focus-visible::after,
.c-sitemenu__main-list [aria-current]::after {
	background: currentColor;
	content: '';
	height: 2px;
	left: calc(var(--wp--custom--primitive--padding--medium) * .75);
	position: absolute;
	right: calc(var(--wp--custom--primitive--padding--medium) * .75);
	top: 2em;
}

.c-sitemenu__main-list > .c-sitemenu__list-item > a[aria-current]:hover,
.c-sitemenu__main-list > .c-sitemenu__list-item > a[aria-current]:focus-visible {
	color: var(--wp--custom--color--text-tertiary);
}

.c-sitemenu__main-list > .c-sitemenu__list-item > a[aria-current]:hover::after,
.c-sitemenu__main-list > .c-sitemenu__list-item > a[aria-current]:focus-visible::after {
	content: none;
}

.c-sitemenu__more-button[aria-expanded=true] .c-sitemenu__more-icon {
	transform: rotate(180deg);
}

/**
 * Second level.
 */
.c-sitemenu__more a:hover,
.c-sitemenu__more a:focus-visible {
	color: var(--wp--custom--color--text-secondary);
}

.c-sitemenu__more a:hover::after,
.c-sitemenu__more a:focus-visible::after {
	background: currentColor;
	content: '';
	height: 2px;
	left: calc(var(--wp--custom--primitive--padding--medium) * .75);
	position: absolute;
	right: calc(var(--wp--custom--primitive--padding--medium) * .75);
	top: 2em;
}

/* Hamburger Menu Button */
.c-sitemenu__menu-button:hover,
.c-sitemenu__menu-button:focus-visible,
.c-sitemenu__menu-button[aria-expanded=true] {
	background-color: var(--wp--custom--color--surface-tertiary);
	border-color: var(--wp--custom--color--surface-tertiary);
	color: var(--wp--custom--color--text-secondary);
}

.c-sitemenu__menu-button[aria-expanded=true]:hover,
.c-sitemenu__menu-button[aria-expanded=true]:focus-visible {
	background-color: var(--wp--custom--color--surface-secondary);
	border-color: var(--wp--custom--color--surface-tertiary);
	color: var(--wp--custom--color--white);
}

@media (-ms-high-contrast: active) {
	.c-sitemenu__main-list a:hover,
	.c-sitemenu__main-list button:hover,
	.c-sitemenu__main-list a:focus-visible,
	.c-sitemenu__main-list button:focus-visible,
	.c-sitemenu__main-list [aria-current] {
		text-decoration: underline;
	}
}

/* Sitemenu Collapse Breakpoint - sitemenu_collapse_breakpoint */
@media (max-width: 45rem) {
	.c-sitemenu {
		width: auto;
	}

	.c-sitemenu__main-list {
		background: var(--wp--custom--color--surface-secondary);
		flex-direction: column;
		position: absolute;
		right: 0;
		top: 100%;
		width: 100vw;
	}

	.c-sitemenu__main-list a,
	.c-sitemenu__main-list button {
		width: 100%;
	}

	.c-sitemenu__list-item a {
		padding: calc(var(--wp--custom--primitive--padding--medium) / 1.5) var(--wp--custom--primitive--padding--medium);
	}

	.c-sitemenu__main-list > .c-sitemenu__list-item > a,
	.c-sitemenu__more-button {
		background-color: var(--wp--custom--color--header-surface);
	}

	.c-sitemenu__list-item {
		flex-direction: column;
	}

	.c-sitemenu__more-button {
		padding: calc(var(--wp--custom--primitive--padding--medium) / 1.5) var(--wp--custom--primitive--padding--medium);
		text-align: left;
	}

	.c-sitemenu__more {
		width: 100%;
		position: static;
	}

	.c-sitemenu__more-inner {
		border-left: 0;
		border-right: 0;
	}

	.c-sitemenu__more a {
		background-color: var(--wp--custom--color--surface-secondary);
		color: var(--wp--custom--color--white);
	}

	.c-sitemenu__more a:hover,
	.c-sitemenu__more a:focus-visible {
		color: var(--wp--custom--color--text-tertiary);
	}

	.c-sitemenu__main-list > .c-sitemenu__list-item > a:hover::after,
	.c-sitemenu__main-list > .c-sitemenu__list-item > button:hover::after,
	.c-sitemenu__main-list > .c-sitemenu__list-item > a:focus-visible::after,
	.c-sitemenu__main-list > .c-sitemenu__list-item > button:focus-visible::after,
	.c-sitemenu__main-list [aria-current]::after,
	.c-sitemenu__more a:hover::after,
	.c-sitemenu__more a:focus-visible::after {
		left: var(--wp--custom--primitive--padding--medium);
		right: var(--wp--custom--primitive--padding--medium);
	}

	.c-sitemenu__menu-button {
		display: flex;
	}

	.c-sitemenu__main-list {
		display: none;
	}

	.c-sitemenu__main-list.is-open {
		display: flex;
	}
}