.mobile-nav {
	
	/*display: flex;*/
	flex-direction: column;
	align-items: center;
	background: #000;
	width: 100%;

	.wd-nav-img {
		
		width: 24px !important;

		height: 24px !important;
		max-height: 24px !important;
		
	}
	.menu-item:not(.menu-item-languages) .wd-nav-img {
		filter: invert(1);
	}

	li.menu-item.menu-item-languages .wd-nav-img {
		filter: none !important;
	}

	&:has( > ul.wd-drilldown-hide) {
		.wd-heading {
			border-bottom: 1px solid rgba(255,255,255,0.2);
		}
		.wd-nav-mobile {
			& > li.menu-item:first-of-type {
				border-bottom: 0;
				
			}
		}
	}
	.wd-heading {
		order: 1;
		width: 100%;
		justify-content: space-between;
		
		border-bottom: 0;
	}

	.widgetarea-mobile {
		order:2;
	}
	.wd-nav-mobile {
		/* display: flex; */
		display: block;
		flex-direction: column;
		align-items: center;
		order:3;
		width: 100%;

		& > li.menu-item:first-of-type {
			border-top: 1px solid #fff;
			a {
				/* padding-top: 0 !important; */
			}
		}

		& > li.menu-item {
			border-bottom: 1px solid #fff;
		}

		.wd-nav-mobile.wd-active {
			display: block !important;
		}


		li {
			/* position: relative; */
			justify-content: center;
			align-items: center;
			padding-inline: 35px;
			
			a {
				color: #fff !important;
				text-transform: none !important;
				justify-content: flex-start;
				font-size: 18px !important;
				font-weight: 400 !important;
				border: 0;
				padding: 15px 0;
			}
		}

		li:active {
			& > a {
				background-color: transparent;
			}
		}

		li.menu-item>[class*="sub-menu"] {
			background: #000;
		}

		.wd-nav-opener {
			color: #fff;
			border: 0;
			width: auto;
		}
		.wd-nav-opener:after {
			content: '' !important;
			font-weight: 700;
			background: url('/wp-content/themes/woodmart-child/assets/css/../img/menu-arrow.svg') no-repeat;
			background-size: 24px;
            width: 24px;
            height: 12px;
        
		}

		.wd-drilldown-back {

			column-gap: 10px;
			a {
				padding-top: 0;
				font-size: 13px !important;
				color: #b5b5b5 !important;
			}
			.wd-nav-opener:after {
				transform: rotate(180deg);
				filter: brightness(0.5);
			}
		}
		.mobile-two-cols   {
			.wd-sub-menu {
				display: flex;
				flex-wrap: wrap;

				.wd-drilldown-back {
					width: 100%;
				}
	
				.wd-parent-menu-name {
					width: 100%;
				}
	
				li.menu-item {
					width: 50%;
				}

			}

	
		}

		.wd-parent-menu-name {
			a {
				color: #fff;
				text-transform: uppercase !important;
				font-size: 20px !important;
				font-weight: 700 !important;
				padding-bottom: 20px;
				text-align: left;
				justify-content: flex-start;
				padding-top: 0;
			}

		}
	}

	.close-side-widget {
		a {
			color: #fff;
			font-size: 0;
		}
		a::before {
			font-size: 20px;
		}
	}

	.wd-drilldown-slide.wd-drilldown-hide>li>:is(.wd-header-cart), .wd-drilldown-slide .wd-drilldown-hide>li>:is(.wd-header-cart) {
		visibility: hidden;
		opacity: 0;
		transition: all .3s ease;
		transform: translate3d(-50px, 0, 0);
	}
	li .wd-header-cart {
		transition: all .25s ease;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		width: 100%;
		a {
			height: auto;
			
		}
	}

	.head-drilldown-back {
		font-size: 18px;
		color: #fff;
		display: none;
		.wd-nav-opener::after {
			content: unset !important;
		}
	}

	.wd-drilldown-back {
		a {
			padding-bottom: 0 !important;
		}
	}


}


@media (max-width: 390px) {

	.mobile-nav {
	
		.wd-nav-mobile {
			.mobile-two-cols   {
				.wd-sub-menu {
					display: flex;
					flex-wrap: wrap;
	
					.wd-drilldown-back {
						width: 100%;
					}
		
					.wd-parent-menu-name {
						width: 100%;
					}
		
					li.menu-item {
						width: 50%;
					}
					
					li.menu-item:nth-child(odd) {
						padding-right: 15px;
					}
					
					li.menu-item:nth-child(even) {
						padding-left: 15px;
					}
	
				}
	
		
			}
		}
	}
}