/**
 * GC Revamp Core: scoped WoodMart off-canvas navigation safeguards.
 */

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-parent-trigger,
.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-back-trigger {
	appearance: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-transform: inherit;
	cursor: pointer;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-parent-trigger {
	position: relative;
	display: flex;
	width: 100%;
	min-width: 0;
	min-height: 50px;
	box-sizing: border-box;
	flex: 1 0 100%;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 52px 5px 20px;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-parent-trigger::after {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}

.mobile-nav[data-gc-navigation-ready="true"]
	.wd-nav-mobile
	li.menu-item-has-children[data-gc-menu-parent-ready="true"]
	> :is(.wd-nav-opener, .menu-item-arrow),
.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-native-opener {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"]
	li.menu-item-has-children
	> .gc-menu-parent-trigger
	.nav-link-text {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-parent-trigger:focus-visible,
.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-back-trigger:focus-visible {
	outline: 3px solid #718466;
	outline-offset: -4px;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-back-trigger {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	flex: 1 0 100%;
	align-items: center;
	justify-content: flex-start !important;
	gap: 12px;
	padding: 0 var(--gc-nav-gutter, 24px) !important;
	border-bottom: 1px solid var(--gc-drawer-line, rgba(232, 222, 211, 0.84));
	color: var(--gc-drawer-secondary, #5f5a55);
	font-family: "Hanken Grotesk", sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2;
	letter-spacing: 0.035em !important;
	text-align: left !important;
	text-transform: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-back-trigger::before {
	display: block;
	width: 9px;
	height: 9px;
	box-sizing: border-box;
	flex: 0 0 9px;
	border-inline-start: 1.5px solid currentColor;
	border-block-end: 1.5px solid currentColor;
	content: "";
	transform: rotate(45deg);
}

.mobile-nav[data-gc-navigation-ready="true"]
	.wd-nav-mobile
	[data-gc-managed-submenu="true"]
	> li.wd-drilldown-back::after {
	display: none !important;
	content: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-submenu-heading-row {
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 0;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-submenu-heading {
	width: 100%;
	box-sizing: border-box;
	flex: 1 0 100%;
	margin: 0;
	padding: 10px var(--gc-nav-gutter, 24px) 20px;
	background: transparent;
	color: var(--gc-drawer-ink, #1f1d1b);
	font-family: "EB Garamond", serif;
	font-size: clamp(34px, 3vw, 44px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.018em;
	text-transform: none;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-submenu-heading:focus {
	outline: none;
}

.mobile-nav[data-gc-navigation-ready="true"] .gc-menu-submenu-heading:focus-visible {
	outline: 3px solid #718466;
	outline-offset: -4px;
}

.mobile-nav[data-gc-navigation-ready="true"] [data-gc-branch-hidden="true"] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"]
	:is(.wd-nav-mobile, [data-gc-managed-submenu="true"]).wd-drilldown-hide
	> li
	> :is(.gc-menu-parent-trigger, .gc-menu-back-trigger) {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"]
	.wd-nav-mobile
	[data-gc-managed-submenu="true"].gc-submenu-active {
	min-height: var(--gc-navigation-panel-height, 100%) !important;
	box-sizing: border-box;
}

.mobile-nav[data-gc-navigation-ready="true"]
	[data-gc-managed-submenu="true"][aria-hidden="true"] {
	pointer-events: none !important;
}

.mobile-nav[data-gc-navigation-ready="true"]
	[data-gc-managed-submenu="true"].gc-submenu-inactive {
	display: none !important;
}

body.gc-navigation-open .mobile-nav {
	z-index: 2147483001 !important;
	max-height: 100dvh;
	padding-bottom: max(112px, calc(88px + env(safe-area-inset-bottom))) !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

body.gc-navigation-open .wd-close-side {
	z-index: 2147483000 !important;
}

body.gc-navigation-open .mobile-nav .close-side-widget {
	z-index: 2 !important;
}

.mobile-nav .gc-navigation-editorial {
	display: none;
}

@media (min-width: 1024px) {
	body.gc-navigation-open .mobile-nav[data-gc-navigation-ready="true"] {
		transition: width 220ms ease, max-width 220ms ease;
	}

	body.gc-navigation-open
		.mobile-nav[data-gc-navigation-ready="true"].gc-navigation-editorial-active {
		--wd-side-hidden-w: min(840px, calc(100vw - 48px));
		width: min(840px, calc(100vw - 48px)) !important;
		max-width: min(840px, calc(100vw - 48px)) !important;
		padding-bottom: 0 !important;
	}

	.mobile-nav[data-gc-navigation-ready="true"].gc-navigation-editorial-active
		> :is(.wd-heading, .wd-search-form, .wd-nav-mobile) {
		width: 58.5%;
		max-width: 58.5%;
	}

	.mobile-nav[data-gc-navigation-ready="true"].gc-navigation-editorial-active
		> .wd-nav-mobile {
		flex-basis: auto;
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial:not([hidden]) {
		position: absolute;
		top: 154px;
		right: 0;
		bottom: 48px;
		display: flex;
		width: 41.5%;
		box-sizing: border-box;
		align-items: flex-start;
		justify-content: center;
		padding: 18px 30px 30px;
		border-inline-start: 1px solid var(--gc-drawer-line, rgba(232, 222, 211, 0.84));
		background: var(--gc-drawer-bg, #fffdf8);
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__link {
		display: block;
		width: 100%;
		max-width: 304px;
		color: var(--gc-drawer-ink, #1f1d1b);
		text-decoration: none;
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__image {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		background: #f3ede5;
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__label {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding-top: 14px;
		font-family: "Hanken Grotesk", sans-serif;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__label::after {
		content: "\2192";
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__link:hover,
	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__link:focus-visible {
		color: var(--gc-drawer-ink, #1f1d1b);
	}

	.mobile-nav[data-gc-navigation-ready="true"] .gc-navigation-editorial__link:focus-visible {
		outline: 3px solid #718466;
		outline-offset: 5px;
	}
}

body.gc-navigation-open
	:is(
		.woocommerce-multi-currency,
		.wmc-currency,
		.wmc-currency-wrapper,
		.wmc-currency-switcher,
		.wcml-dropdown,
		.woocs_auto_switcher,
		.yay-currency-custom-select-wrapper,
		.currency-switcher,
		.wcpbc-price-switcher,
		.cky-consent-container,
		.cky-modal,
		.cky-btn-revisit-wrapper,
		#cookie-law-info-bar,
		#wt-cli-cookie-banner,
		.cli-modal,
		.cmplz-cookiebanner,
		.cookie-notice-container,
		#cookie-notice,
		.cookie-banner
	) {
	pointer-events: none !important;
}

body.gc-navigation-open
	:is(
		.woocommerce-multi-currency,
		.wmc-currency,
		.wmc-currency-wrapper,
		.wmc-currency-switcher,
		.wcml-dropdown,
		.woocs_auto_switcher,
		.yay-currency-custom-select-wrapper,
		.currency-switcher,
		.wcpbc-price-switcher
	) {
	z-index: 1 !important;
}

body.gc-navigation-open
	:is(
		.cky-consent-container,
		.cky-modal,
		.cky-btn-revisit-wrapper,
		#cookie-law-info-bar,
		#wt-cli-cookie-banner,
		.cli-modal,
		.cmplz-cookiebanner,
		.cookie-notice-container,
		#cookie-notice,
		.cookie-banner
	) {
	z-index: 2 !important;
}

@media (prefers-reduced-motion: reduce) {
	.mobile-nav[data-gc-navigation-ready="true"] *,
	.mobile-nav[data-gc-navigation-ready="true"] *::before,
	.mobile-nav[data-gc-navigation-ready="true"] *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}