/* Simple catalog cascade menu */

.Gstore-nav .gstore-catalog-mega {
	--gstore-catalog-mega-surface: var(--gstore-nav-surface, var(--gstore-color-bg-darker, #1a1a1a));
	position: relative;
}

.gstore-catalog-mega__trigger {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.Gstore-nav .gstore-catalog-mega__link.wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
}

.gstore-catalog-mega__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--gstore-color-text-light, #fff);
	cursor: pointer;
}

.gstore-catalog-mega__toggle:focus-visible,
.gstore-catalog-mega a:focus-visible {
	outline: 2px solid var(--gstore-color-accent, #b5a642);
	outline-offset: 3px;
}

.gstore-catalog-mega__toggle-icon {
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 160ms ease;
}

.gstore-catalog-mega.is-open .gstore-catalog-mega__toggle-icon,
.gstore-catalog-mega:hover .gstore-catalog-mega__toggle-icon,
.gstore-catalog-mega:focus-within .gstore-catalog-mega__toggle-icon {
	transform: translateY(2px) rotate(225deg);
}

.Gstore-nav .gstore-catalog-mega > .gstore-catalog-mega__panel {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 250;
	width: max-content;
	min-width: 150px;
	max-width: min(300px, calc(100vw - 32px));
	overflow: visible;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 0 0 8px 8px;
	background: var(--gstore-catalog-mega-surface);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
	color: var(--gstore-color-text-light, #fff);
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	visibility: hidden;
	transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.Gstore-nav .gstore-catalog-mega:hover > .gstore-catalog-mega__panel,
.Gstore-nav .gstore-catalog-mega:focus-within > .gstore-catalog-mega__panel,
.Gstore-nav .gstore-catalog-mega.is-open > .gstore-catalog-mega__panel {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.Gstore-nav .gstore-catalog-mega__panel-inner {
	padding: 8px 0;
}

.Gstore-nav .gstore-catalog-mega__columns {
	display: flex;
	flex-direction: column;
}

.Gstore-nav .gstore-catalog-mega__group {
	position: relative;
}

.Gstore-nav .gstore-catalog-mega__group-trigger {
	display: flex;
	align-items: stretch;
	min-width: 100%;
}

.Gstore-nav .gstore-catalog-mega__group-title {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	gap: 12px;
	min-height: 38px;
	padding: 9px 16px;
	border-radius: 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 13px;
	font-weight: 650;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}

.Gstore-nav .gstore-catalog-mega__group-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	min-height: 38px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.88);
	cursor: pointer;
}

.Gstore-nav .gstore-catalog-mega__group-toggle:focus-visible {
	outline: 2px solid var(--gstore-color-accent, #b5a642);
	outline-offset: -2px;
}

.Gstore-nav .gstore-catalog-mega__group-arrow {
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	opacity: 0.7;
	transform: rotate(45deg);
}

.Gstore-nav .gstore-catalog-mega__group-title:hover,
.Gstore-nav .gstore-catalog-mega__group-title:focus,
.Gstore-nav .gstore-catalog-mega__group-toggle:hover,
.Gstore-nav .gstore-catalog-mega__group-toggle:focus {
	background: rgba(255, 91, 0, 0.14);
	color: var(--gstore-color-accent, #b5a642);
}

.Gstore-nav .gstore-catalog-mega__submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 260;
	display: flex;
	width: max-content;
	min-width: 150px;
	max-width: min(300px, calc(100vw - 32px));
	min-height: 100%;
	flex-direction: column;
	padding: 8px 0;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 0 8px 8px 0;
	background: var(--gstore-catalog-mega-surface);
	box-shadow: 18px 18px 38px rgba(0, 0, 0, 0.30);
	opacity: 0;
	pointer-events: none;
	transform: translateX(8px);
	visibility: hidden;
	transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.Gstore-nav .gstore-catalog-mega__group:hover > .gstore-catalog-mega__submenu,
.Gstore-nav .gstore-catalog-mega__group:focus-within > .gstore-catalog-mega__submenu,
.Gstore-nav .gstore-catalog-mega__group.is-submenu-open > .gstore-catalog-mega__submenu {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
	visibility: visible;
}

.Gstore-nav .gstore-catalog-mega__submenu-link {
	display: flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 16px;
	color: rgba(255, 255, 255, 0.84);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}

.Gstore-nav .gstore-catalog-mega__submenu-link:hover,
.Gstore-nav .gstore-catalog-mega__submenu-link:focus {
	background: rgba(255, 91, 0, 0.14);
	color: var(--gstore-color-accent, #b5a642);
}

@media (max-width: 767px) {
	.Gstore-mobile-drawer__nav {
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav {
		display: block;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .wp-block-navigation__container {
		align-items: stretch;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega {
		display: block;
		position: relative;
		width: 100%;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__trigger,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__trigger {
		display: flex;
		width: 100%;
		gap: 0;
		border-bottom: 1px solid var(--gstore-color-white-10, rgba(255, 255, 255, 0.1));
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__link.wp-block-navigation-item__content,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__link.wp-block-navigation-item__content {
		flex: 1 1 auto;
		width: auto;
		border-bottom: 0;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__toggle,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__toggle {
		flex: 0 0 48px;
		width: 48px;
		min-height: 48px;
		border-left: 1px solid var(--gstore-color-white-10, rgba(255, 255, 255, 0.1));
		color: var(--gstore-color-text-light, #fff);
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega > .gstore-catalog-mega__panel,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega > .gstore-catalog-mega__panel {
		position: static;
		display: block;
		width: 100%;
		min-width: 0;
		max-width: none;
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: var(--gstore-catalog-mega-surface);
		box-shadow: none;
		color: var(--gstore-color-text-light, #fff);
		opacity: 1;
		pointer-events: auto;
		transform: none;
		visibility: visible;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega.gstore-catalog-mega--enhanced:not(.is-open) > .gstore-catalog-mega__panel,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega.gstore-catalog-mega--enhanced:not(.is-open) > .gstore-catalog-mega__panel {
		display: none;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega.is-open > .gstore-catalog-mega__panel,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega.is-open > .gstore-catalog-mega__panel {
		display: block;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__panel-inner,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__panel-inner {
		padding: 6px 0 12px;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__columns,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__columns {
		display: block;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group {
		position: relative;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-trigger,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-trigger {
		display: flex;
		position: relative;
		width: 100%;
		align-items: stretch;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-trigger::after,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-trigger::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		left: 28px;
		height: 1px;
		background: var(--gstore-color-white-10, rgba(255, 255, 255, 0.1));
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-title,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-title {
		flex: 1 1 auto;
		justify-content: flex-start;
		gap: 12px;
		min-height: 42px;
		padding: 10px 16px 10px 28px;
		border-radius: 0;
		color: rgba(255, 255, 255, 0.88);
		font-size: 13px;
		white-space: normal;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-toggle,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 48px;
		min-height: 42px;
		border: 0;
		border-left: 1px solid var(--gstore-color-white-10, rgba(255, 255, 255, 0.1));
		background: transparent;
		color: rgba(255, 255, 255, 0.88);
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-title:hover,
	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-title:focus,
	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-toggle:hover,
	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-toggle:focus,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-title:hover,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-title:focus,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-toggle:hover,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-toggle:focus {
		background: rgba(255, 255, 255, 0.08);
		color: var(--gstore-color-accent, #b5a642);
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group-arrow,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group-arrow {
		width: 7px;
		height: 7px;
		border-top: 2px solid currentColor;
		border-right: 2px solid currentColor;
		opacity: 0.7;
		transform: rotate(135deg);
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__submenu,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__submenu {
		position: static;
		display: flex;
		width: 100%;
		min-width: 0;
		max-width: none;
		min-height: 0;
		flex-direction: column;
		padding: 0 0 8px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		pointer-events: auto;
		transform: none;
		visibility: visible;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega--enhanced .gstore-catalog-mega__group.has-children > .gstore-catalog-mega__submenu,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega--enhanced .gstore-catalog-mega__group.has-children > .gstore-catalog-mega__submenu {
		display: none;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega--enhanced .gstore-catalog-mega__group.has-children.is-submenu-open > .gstore-catalog-mega__submenu,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega--enhanced .gstore-catalog-mega__group.has-children.is-submenu-open > .gstore-catalog-mega__submenu {
		display: flex;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__group.is-submenu-open > .gstore-catalog-mega__group-trigger .gstore-catalog-mega__group-arrow,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__group.is-submenu-open > .gstore-catalog-mega__group-trigger .gstore-catalog-mega__group-arrow {
		transform: rotate(315deg);
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__submenu-link,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__submenu-link {
		display: flex;
		position: relative;
		align-items: center;
		min-height: 38px;
		padding: 8px 16px 8px 42px;
		color: rgba(255, 255, 255, 0.72);
		font-size: 12px;
		font-weight: 600;
		text-decoration: none;
		white-space: normal;
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__submenu-link::after,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__submenu-link::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		left: 42px;
		height: 1px;
		background: var(--gstore-color-white-10, rgba(255, 255, 255, 0.1));
	}

	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__submenu-link:hover,
	.Gstore-mobile-drawer__nav .Gstore-nav .gstore-catalog-mega__submenu-link:focus,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__submenu-link:hover,
	.Gstore-mobile-drawer__nav .gstore-catalog-mega__submenu-link:focus {
		background: rgba(255, 255, 255, 0.08);
		color: var(--gstore-color-accent, #b5a642);
	}
}