/* মোবাইল মেনু (☰) — Categories / Menu ট্যাব আর ক্যাটাগরি তালিকা */
.mobile-nav {
	--cl-brand: #2596be;
	--cl-brand-soft: #eaf5fa;
}

/* ট্যাব */
.mobile-nav .wd-nav-mob-tab {
	background: var(--cl-brand);
	margin: 0;
}
.mobile-nav .wd-nav-mob-tab > li > a {
	color: rgba(255, 255, 255, .8) !important;
	font-weight: 700;
	letter-spacing: .4px;
	background: transparent !important;
}
.mobile-nav .wd-nav-mob-tab > li.wd-active > a {
	color: #fff !important;
	box-shadow: inset 0 -3px 0 #f5c84c;
}

/* প্রথম স্তর */
.mobile-nav .mobile-categories-menu > li > a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 8px 52px 8px 16px;
	font-size: 15px;
	font-weight: 600;
	color: #242424;
	text-transform: none;
}
.mobile-nav .mobile-categories-menu > li {
	border-bottom: 1px solid #f0f2f4;
}
.mobile-nav .mobile-categories-menu .wd-nav-img {
	--nav-img-width: 36px;
	--nav-img-height: 36px;
	width: 36px;
	height: 36px;
	max-height: 36px;
	object-fit: cover;
	border-radius: 50%;
	background: var(--cl-brand-soft);
	border: 1px solid #e3eef3;
	flex: none;
	margin: 0;
}
/* ছবি নেই এমন প্রথম স্তরের আইটেম: ছবির জায়গা ফাঁকা রাখা, যাতে নাম এক লাইনে মেলে */
.mobile-nav .mobile-categories-menu > li > a:not(:has(.wd-nav-img))::before {
	content: "";
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--cl-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232596be' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center / 18px no-repeat;
	border: 1px solid #e3eef3;
	flex: none;
}
/* "All Products" — হাইলাইট */
.mobile-nav .mobile-categories-menu > li.cl-all-products > a {
	color: var(--cl-brand);
	font-weight: 700;
}
.mobile-nav .mobile-categories-menu > li.cl-all-products > a::before {
	background-color: var(--cl-brand);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11h11l2-8H6.2'/%3E%3Ccircle cx='9' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E");
	border-color: var(--cl-brand);
}

/* খোলার তীর */
.mobile-nav .mobile-categories-menu .wd-nav-opener {
	width: 48px;
	height: 56px;
	border-left: 0;
	color: #888;
}
.mobile-nav .mobile-categories-menu .wd-nav-opener.wd-active {
	color: var(--cl-brand);
	background: transparent !important;
}
.mobile-nav .mobile-categories-menu .wd-nav-opener::after {
	transition: transform .2s;
}
.mobile-nav .mobile-categories-menu .wd-nav-opener.wd-active::after {
	color: var(--cl-brand);
	transform: rotate(90deg);
}
.mobile-nav .mobile-categories-menu li:has(> .wd-nav-opener.wd-active) > a {
	color: var(--cl-brand);
	background: var(--cl-brand-soft);
}

/* দ্বিতীয় স্তর */
.mobile-nav .mobile-categories-menu .wd-sub-menu {
	background: #f7fafc;
	border-top: 1px solid #eef2f5;
	padding: 4px 0;
}
.mobile-nav .mobile-categories-menu .wd-sub-menu li {
	border: 0;
}
.mobile-nav .mobile-categories-menu .wd-sub-menu li > a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 6px 52px 6px 30px;
	font-size: 14px;
	font-weight: 500;
	color: #444;
}
.mobile-nav .mobile-categories-menu .wd-sub-menu .wd-nav-img {
	width: 28px;
	height: 28px;
	max-height: 28px;
}
.mobile-nav .mobile-categories-menu .wd-sub-menu .wd-nav-opener {
	height: 44px;
}
/* তৃতীয় স্তর */
.mobile-nav .mobile-categories-menu .wd-sub-menu .wd-sub-menu {
	background: #eef4f8;
}
.mobile-nav .mobile-categories-menu .wd-sub-menu .wd-sub-menu li > a {
	padding-left: 46px;
	font-size: 13.5px;
}
.mobile-nav .mobile-categories-menu li.current-menu-item > a {
	color: var(--cl-brand);
}