/* This extension is limited to the merchandising branch of the existing header. */
.merch-nav-parent {
	position: relative;
}
.merch-parent-toggle {
	display: none;
}
.merch-nav-group {
	position: relative;
	list-style: none;
}
.merch-nav-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 44px;
	padding: 10px 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #212529;
	font: inherit;
	font-family: "Noah", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	text-transform: none;
	white-space: normal;
	cursor: pointer;
}
.merch-nav-toggle:hover,
.merch-nav-group.merch-nav-open > .merch-nav-toggle {
	background: #f8f9fa;
	color: #000;
}
.merch-nav-chevron {
	flex: 0 0 auto;
	font-family: Arial, sans-serif;
	font-size: 25px;
	line-height: 1;
}
.merch-nav-panel {
	display: none;
	position: fixed;
	z-index: 1000010;
	top: var(--merch-panel-top, 8px);
	left: var(--merch-panel-left, 8px);
	width: var(--merch-panel-width, 320px);
	max-width: calc(100vw - 16px);
	max-height: var(--merch-panel-max-height, calc(100vh - 16px));
	margin: 0;
	padding: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	border: 1px solid #d9d8d8;
	border-radius: 0;
	background: #ebebeb;
	box-shadow: 0 10px 24px rgb(0 0 0 / 12%);
	list-style: none;
}
.merch-nav-group.merch-nav-open > .merch-nav-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}
.merch-nav-panel > li {
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.merch-nav-panel a {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	color: #212529;
	font-size: 16px;
	line-height: 1.4;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: break-word;
}
.merch-nav-panel a:hover,
.merch-nav-panel a:focus {
	background: #f8f9fa;
	color: #000;
}
.merch-nav-panel > .merch-nav-overview {
	grid-column: 1 / -1;
	margin-bottom: 4px;
	border-bottom: 1px solid #d9d8d8;
}
.merch-nav-overview > a {
	font-weight: 600;
}
.merch-nav-toggle:focus-visible,
.merch-parent-toggle:focus-visible,
.merch-nav-panel a:focus-visible,
.merch-nav-parent > a:focus-visible {
	z-index: 1;
	outline: 2px solid #1d9dd9;
	outline-offset: -3px;
}
@media (min-width: 992px) {
	.merch-nav-index {
		width: 240px;
		min-width: 240px;
	}
	.merch-nav-parent > .dropdown-menu {
		overflow: visible;
	}
	.merch-nav-parent:focus-within > .dropdown-menu {
		display: block !important;
	}
	.merch-nav-group.merch-nav-open > .merch-nav-panel.merch-nav-two-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 991.98px) {
	.merch-nav-parent > a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding-right: 52px !important;
		font-size: 16px !important;
		white-space: normal;
	}
	.merch-nav-parent > a.dropdown-toggle::after {
		display: none;
	}
	.merch-parent-toggle {
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #212529;
		font-size: 25px;
		line-height: 1;
		cursor: pointer;
	}
	.merch-parent-toggle:hover {
		background: #f8f9fa;
	}
	.merch-parent-toggle > span,
	.merch-nav-toggle > .merch-nav-chevron {
		transform: rotate(90deg);
	}
	.merch-parent-toggle[aria-expanded="true"] > span,
	.merch-nav-toggle[aria-expanded="true"] > .merch-nav-chevron {
		transform: rotate(-90deg);
	}
	header .navbar-nav .merch-nav-parent > .dropdown-menu,
	header .navbar-nav .merch-nav-parent:hover > .dropdown-menu,
	header .navbar-nav .merch-nav-parent:focus-within > .dropdown-menu {
		display: none !important;
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin: 0;
		padding-left: 12px;
		transform: none !important;
		white-space: normal;
	}
	header .navbar-nav .merch-nav-parent.merch-parent-open > .dropdown-menu,
	header .navbar-nav .merch-nav-parent.merch-parent-open:hover > .dropdown-menu,
	header .navbar-nav .merch-nav-parent.merch-parent-open:focus-within > .dropdown-menu {
		display: block !important;
	}
	.merch-nav-group > .merch-nav-panel,
	.merch-nav-group.merch-nav-open > .merch-nav-panel,
	.merch-nav-group.merch-nav-open > .merch-nav-panel.merch-nav-two-columns {
		position: static;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
		min-width: 0;
		max-width: 100%;
		max-height: none;
		margin: 0 0 8px;
		padding: 0 0 0 8px;
		overflow: visible;
		border: 0;
		background: transparent;
		box-shadow: none;
	}
	.merch-nav-panel a {
		padding: 10px 8px;
	}
}