/* =========================
   استایل های اصلی سایدبار
========================= */
:root{
	--sidebar-width: 350px;
	--bg: #081120;
	--panel: #ffffff;
	--text: #121212;
	--muted: #94a3b8;
	--border: #F5F5F5;
	--radius: 18px;
}

.sidebar{
	position:fixed;
	top:0;
	right:0;
	width:var(--sidebar-width);
	height:100vh;
	background: #ffffff;
	border-left:1px solid var(--border);
	display:flex;
	flex-direction:column;
	z-index:999;
}

.sidebar-top{
	padding:24px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	border-bottom:2px solid var(--border);
}

.logo,.mobile-title{
	font-size:3rem;
	font-family: "Goodly-Regular";
	font-weight:700;
	color: var(--text);
	text-decoration:none;
}

.site-tagline{
	line-height:1px;
	font-size:1rem;
	font-family: "Yekan-Regular";
}

.sidebar-nav{
	padding:20px;
	overflow:auto;
}

.sidebar-menu{
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.sidebar-menu a{
	display:flex;
	align-items:center;
	padding:14px 16px;
	border-radius:14px;
	text-decoration:none;
	color:var(--muted);
	transition:background .2s, color .2s;
}

.sidebar-menu a:hover{
	background:rgba(255,255,255,.05);
	color:#fff;
}



.mobile-topbar{
	display:none;
	height:80px;
	align-items:center;
	justify-content:space-between;
	padding:0 16px;
	background:var(--panel);
	border-bottom:1px solid var(--border);
}

.mobile-right,.mobile-left{
	display:flex;
	align-items:center;
	gap:10px;
}

.menu-toggle,.sidebar-close,.mobile-icon{
	width:40px;
	height:40px;
	border:none;
	border-radius:5px;
	border:2px solid var(--border);
	background:rgba(255,255,255,.06);
	color:#000;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	cursor:pointer;
}

.sidebar-close{
	display:none;
}

.sidebar-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.5);
	opacity:0;
	visibility:hidden;
	transition:.2s;
	z-index:998;
}

/* 992px and smaller screen sizes */
@media (max-width: 480px){

	.mobile-topbar{
		display:flex;
		position:sticky;
		top:0;
		z-index:997;
	}
	
	.sidebar-close{
		display:block;
		width:30px;
		height:30px;
		display:flex;
	}
	
	.sidebar{
		transform:translateX(100%);
		transition:.25s;
	}
	
	body.sidebar-open .sidebar{
		transform:translateX(0);
	}
	
	body.sidebar-open .sidebar-backdrop{
		opacity:1;
		visibility:visible;
	}
	

	

	
}



/* =========================
   استایل های باکس جست جو
========================= */

.mobile-search-overlay{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.72);
	backdrop-filter:blur(10px);
	z-index:9999;
	opacity:0;
	pointer-events:none;
	transition:.25s ease;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:80px 16px 24px;
}

.mobile-search-overlay.active{
	opacity:1;
	pointer-events:auto;
}

.mobile-search-shell{
	width:100%;
	max-width:640px;
}

.mobile-search-box{
	display:flex;
	align-items:center;
	gap:10px;
	background:#fff;
	border-radius:16px;
	padding:10px;
	box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.mobile-search-input{
	flex:1;
	height:46px;
	border:none;
	outline:none;
	background:#f5f5f5;
	border-radius:12px;
	padding:0 14px;
	font-size:1rem;
	color:#111;
	font-family: "Yekan-Regular";

}

.mobile-search-close{
	width:44px;
	height:44px;
	border:none;
	border-radius:12px;
	background:#f1f1f1;
	cursor:pointer;
	font-size:18px;
}

.mobile-search-results{
	margin-top:12px;
	background:#fff;
	border-radius:18px;
	padding:14px;
	min-height:120px;
	max-height:70vh;
	overflow:auto;
	box-shadow:0 10px 30px rgba(0,0,0,.15);
		font-family: "Yekan-Regular";

}

.search-state{
	color:#666;
	font-size:14px;
	text-align:center;
	padding:20px 10px;
}

.search-state--loading{
	color:#333;
}

.search-result-group + .search-result-group{
	margin-top:20px;
	padding-top:16px;
	border-top:1px solid #eee;
}

.search-result-heading{
	font-size:14px;
	font-weight:800;
	color:#111;
	margin:0 0 12px;
}

.search-result-list{
	list-style:none;
	margin:0;
	padding:0;
}

.search-result-item + .search-result-item{
	margin-top:8px;
}

.search-result-link{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	gap:12px;
	text-decoration:none;
	background:#fafafa;
	border:1px solid #eee;
	border-radius:14px;
	padding:12px;
	transition:.2s ease;
}

.search-result-link:hover{
	background:#f3f3f3;
	border-color:#ddd;
}

.search-thumb{
	width:60px;
	height:60px;
	flex-shrink:0;
	border-radius:10px;
	overflow:hidden;
	background:#f3f3f3;
}

.search-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.search-content{
	display:flex;
	flex-direction:column;
	gap:4px;
	flex:1;
	text-align:right;
}

.search-result-title{
	font-size:14px;
	font-weight:700;
	color:#111;
	line-height:1.8;
}

.search-result-excerpt{
	font-size:13px;
	color:#555;
	line-height:1.8;
}

.search-product-price{
	font-size:13px;
	font-weight:700;
	color:#e53935;
}

.search-product-price del{
	color:#888;
	margin-left:6px;
}

.search-view-all{
	margin-top:18px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#111;
	color:#fff;
	border-radius:12px;
	padding:12px 14px;
	font-size:14px;
	font-weight:700;
}




/* =========================
   استایل های منوی ناوربری اصلی
========================= */

.sidebar-menu{
	list-style:none;
	padding:12px;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:6px;
}

/* آیتم */
.sidebar-menu li{
	position:relative;
}

/* لینک */
.sidebar-menu li a{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:13px 14px;
	border-radius:14px;
	text-decoration:none;
	color:#1f2937;
	border:1px solid #ecf0f1;
	transition:
		background .25s ease,
		box-shadow .25s ease,
		transform .18s ease;
}

/* hover */
.sidebar-menu li a:hover{
	background:#f3f4f6;
	box-shadow:0 1px 2px rgba(0,0,0,.03);
	transform:translateX(2px);
}

/* active item */
.sidebar-menu li.current-menu-item a{
	background:#ffffff;
	box-shadow:
		0 0 0 1px #ececec,
		0 6px 18px rgba(0,0,0,.04);
}

/* خط active */
.sidebar-menu li.current-menu-item a::before{
	content:"";
	position:absolute;

	right:-4px;
	top:12px;

	width:3px;
	height:24px;

	border-radius:10px;
	background:#F05454;
}

/* icon */
.menu-icon{
	width:22px;
	height:22px;

	flex:0 0 22px;

	display:flex;
	align-items:center;
	justify-content:center;

	margin-top:2px;
}

.menu-icon img{
	width:100%;
	height:100%;
	object-fit:contain;

	opacity:.82;
	transition:opacity .2s ease, transform .2s ease;
}

/* hover icon */
.sidebar-menu li a:hover .menu-icon img{
	opacity:1;
	transform:scale(1.05);
}

/* text wrapper */
.menu-text{
	display:flex;
	flex-direction:column;
	min-width:0;
	    font-family: "Yekan-Regular";

}

/* title */
.menu-title{
	font-size:14px;
	font-weight:600;
	line-height:1.3;
	color:#111827;

	transition:color .2s ease;
}

/* description */
.menu-desc{
	margin-top:3px;

	font-size:11px;
	font-weight:400;
	line-height:1.5;

	color:#9ca3af;
}

/* active colors */
.sidebar-menu li.current-menu-item .menu-title{
	color:#F05454;
}

.sidebar-menu li.current-menu-item .menu-desc{
	color:#6b7280;
}