
.wd-sticky-nav {
	position: fixed;
	inset-block: 0;
	left: 0;
	z-index: 393;
	display: flex;
	flex-direction: column;
	width: var(--wd-sticky-nav-w);
	border-right: 1px solid rgba(118, 118, 118, .12);
	background-color: var(--bgcolor-white);
	transition: all .5s cubic-bezier(.19, 1, .22, 1);
}

.wd-sticky-nav .wd-nav-vertical {
	--nav-drop-sp: 1px;
}

.wd-sticky-nav:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	visibility: visible;
	transition: visibility 0s ease .4s;
}

.wd-sticky-nav:is(:hover,.wd-opened) {
	width: 275px;
}

.wd-sticky-nav:is(:hover,.wd-opened):after {
	visibility: hidden;
}

.wd-sticky-nav:not(:hover) .wd-dropdown {
	opacity: 0;
	visibility: hidden;
}

.wd-sticky-nav-title {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	margin: 8px;
	padding: 0 12px;
	height: 44px;
	border-radius: calc(var(--wd-brd-radius) * 100);
	background: var(--wd-primary-color);
	color: #fff;
	cursor: default;
}

.wd-sticky-nav-title:before {
	flex: 0 0 auto;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	content: "";
	font-family: "woodmart-font";
}

.wd-sticky-nav-title span {
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.wd-nav-sticky {
	--nav-gap-v: 0;
	--nav-pd: 4px 20px;
	--nav-color-hover: var(--wd-primary-color);
	flex: 0 0 auto;
	pointer-events: none;
}

.wd-nav-sticky>li {
	position: relative !important;
}

.wd-nav-sticky>li>a {
	min-width: 1px;
	min-height: 45px;
	font-size: 14px;
	text-transform: unset;
}

.wd-nav-sticky>li>a .wd-nav-img {
	--nav-img-width: 20px;
	--nav-img-height: 20px;
	margin-inline-end: 0;
	max-width: none;
}

.wd-nav-sticky>li>a .nav-link-text {
	display: inline-flex;
	align-items: center;
	height: 36px;
}

.wd-nav-sticky .wd-dropdown-menu {
	border-end-start-radius: 0;
	border-start-start-radius: 0;
}

.wd-nav-sticky .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {
	min-height: var(--wd-dropdown-height);
}

.wd-nav-sticky .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) .wd-dropdown-inner {
	height: var(--wd-dropdown-height);
}

.wd-nav-sticky .wd-dropdown-menu.wd-design-full-width {
	--wd-dropdown-width: calc(100vw - var(--wd-scroll-w) - 275px);
}

.wd-nav-sticky .wd-dropdown-menu.wd-design-full-height {
	position: fixed;
	inset-block: var(--wd-admin-bar-h) 0;
	inset-inline-start: 275px;
	max-width: calc(100vw - var(--wd-scroll-w) - 275px);
	min-height: unset;
	max-height: var(--wd-dropdown-height);
	--wd-dropdown-height: calc(100vh - var(--wd-admin-bar-h));
}

.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>.wd-sub-menu {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>li:first-child>a, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>.wd-sub-menu>li:first-child>a {
	border-top-left-radius: 0;
}

.wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>li:last-child>a, .wd-nav-sticky .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>.wd-sub-menu>li:last-child>a {
	border-bottom-left-radius: 0;
}

.wd-sticky-nav:is(:hover,.wd-opened) .wd-nav-sticky {
	pointer-events: unset;
}

.wd-sticky-nav:is(:hover,.wd-opened) .wd-nav-sticky>li>a .nav-link-text:not(:first-child) {
	margin-left: 10px;
}

.wd-sticky-nav-content {
	margin-top: auto;
	padding: 8px;
	min-width: 275px;
	opacity: 0;
	transition: opacity .15s;
	pointer-events: none;
}

.wd-sticky-nav:is(:hover,.wd-opened) .wd-sticky-nav-content {
	opacity: 1;
	transition: opacity .25s ease .12s;
	pointer-events: auto;
}

.wd-sticky-nav-title span, .wd-nav-sticky>li>a:after, .wd-nav-sticky>li>a .nav-link-text, .wd-nav-sticky>li>a .menu-label {
	max-width: 0;
	width: 0;
	opacity: 0;
}

.wd-sticky-nav:is(:hover,.wd-opened) .wd-sticky-nav-title span, .wd-sticky-nav:is(:hover,.wd-opened) .wd-nav-sticky>li>a:after, .wd-sticky-nav:is(:hover,.wd-opened) .wd-nav-sticky>li>a .nav-link-text, .wd-sticky-nav:is(:hover,.wd-opened) .wd-nav-sticky>li>a .menu-label {
	max-width: none;
	width: auto;
	opacity: 1;
	transition: opacity .25s ease .12s;
}

@media (min-width: 1025px) {
	.admin-bar .wd-sticky-nav {
		top: var(--wd-admin-bar-h);
	}
	
	.wd-sticky-nav-enabled {
		margin-left: var(--wd-sticky-nav-w);
		--wd-sticky-nav-w: 60px;
	}
	
	.wd-sticky-nav-enabled:not([class*="wrapper-boxed"]) .whb-header.whb-sticky-real.whb-sticked .whb-main-header {
		margin-left: var(--wd-sticky-nav-w);
	}
	
	.wd-sticky-nav-enabled .whb-sticky-header.whb-clone {
		margin-left: var(--wd-sticky-nav-w);
	}
	
	.wd-sticky-nav-enabled :is(.woocommerce-store-notice,.wd-sticky-btn,.wd-sidebar-opener) {
		left: var(--wd-sticky-nav-w);
	}
	
	.wd-sticky-nav-enabled [data-vc-full-width] .wd-slider {
		margin-left: var(--wd-sticky-nav-w);
	}
	
	.wd-sticky-nav-enabled [data-vc-full-width] .wd-slider.wd-section-stretch-content {
		margin-left: calc(var(--wd-sticky-nav-w) / 2);
	}
}
