/* =====================================================
   مگامنوی حرفه‌ای هورام
   ===================================================== */

.horam-mega-menu{
	background:#fff;
	position:relative;
	z-index:500;
	border-bottom:1px solid #eef0f2;
	box-shadow:0 2px 10px rgba(17,24,39,.04);
}

.horam-mega-container{
	max-width:var(--container);
	margin:auto;
	padding:0 20px;
	display:flex;
	align-items:center;
}

.horam-menu-admin-notice{
	padding:14px 0;
	font-size:13px;
	color:var(--gray);
}

.horam-menu-admin-notice a{
	color:var(--primary);
	font-weight:700;
	text-decoration:underline;
}

/* ---------- ردیف اصلی منو ---------- */

.horam-menu-list{
	display:flex;
	align-items:stretch;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.horam-menu-list > li{
	position:static;
}

.horam-menu-list > li.has-dropdown{
	position:relative;
}

.horam-top-link{
	display:flex;
	align-items:center;
	gap:6px;
	height:54px;
	padding:0 16px;
	font-size:14px;
	font-weight:700;
	color:var(--dark);
	text-decoration:none;
	position:relative;
	transition:color .2s;
	white-space:nowrap;
}

.horam-top-link:after{
	content:'';
	position:absolute;
	right:16px;
	left:16px;
	bottom:0;
	height:3px;
	border-radius:3px 3px 0 0;
	background:var(--primary);
	transform:scaleX(0);
	transform-origin:center;
	transition:transform .25s ease;
}

.horam-menu-list > li:hover > .horam-top-link,
.horam-menu-list > li.menu-item-open > .horam-top-link{
	color:var(--primary);
}

.horam-menu-list > li:hover > .horam-top-link:after,
.horam-menu-list > li.menu-item-open > .horam-top-link:after{
	transform:scaleX(1);
}

.horam-menu-list > li.has-mega > .horam-top-link:before,
.horam-menu-list > li.has-dropdown > .horam-top-link:before{
	content:'';
	width:6px;
	height:6px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	margin-top:-3px;
	opacity:.55;
	transition:transform .2s;
	order:5;
}

.horam-menu-list > li.menu-item-open > .horam-top-link:before{
	transform:rotate(-135deg);
	margin-top:3px;
}

.horam-menu-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	line-height:1;
}

.horam-menu-icon-img{
	width:18px;
	height:18px;
	object-fit:contain;
	border-radius:4px;
}

.dashicons.horam-menu-icon{
	font-size:18px;
	width:18px;
	height:18px;
}

.horam-menu-badge{
	display:inline-flex;
	align-items:center;
	font-size:10px;
	font-weight:800;
	padding:2px 7px;
	border-radius:20px;
	color:#fff;
	line-height:1.6;
	transform:translateY(-1px);
}

.horam-badge-red{ background:var(--primary); }
.horam-badge-green{ background:var(--success); }
.horam-badge-orange{ background:var(--secondary); color:#3a2a00; }
.horam-badge-blue{ background:#2563eb; }
.horam-badge-purple{ background:#7c3aed; }

/* ---------- دراپ‌داون معمولی ---------- */

.horam-submenu{
	position:absolute;
	top:100%;
	right:0;
	min-width:250px;
	background:#fff;
	border-radius:16px;
	padding:10px;
	list-style:none;
	margin:0;
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:opacity .2s ease, transform .2s ease, visibility .2s;
	box-shadow:0 20px 45px rgba(17,24,39,.12);
	border:1px solid #f1f2f4;
}

.horam-menu-list > li.menu-item-open > .horam-submenu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.horam-submenu .menu-item{
	position:relative;
}

.horam-submenu .menu-item > a{
	display:flex;
	align-items:center;
	gap:8px;
	padding:10px 12px;
	border-radius:10px;
	color:#333;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	transition:background .15s, color .15s, padding .15s;
}

.horam-submenu .menu-item > a:hover{
	background:var(--background);
	color:var(--primary);
	padding-right:16px;
}

.horam-submenu .menu-item.menu-item-has-children > a:after{
	content:'';
	width:5px;
	height:5px;
	border-right:2px solid currentColor;
	border-top:2px solid currentColor;
	transform:rotate(-135deg);
	opacity:.5;
	margin-right:auto;
}

.horam-submenu-flyout{
	position:absolute;
	top:-10px;
	right:100%;
	margin-right:6px;
	min-width:220px;
	opacity:0;
	visibility:hidden;
	transform:translateX(6px);
}

.horam-submenu .menu-item:hover > .horam-submenu-flyout{
	opacity:1;
	visibility:visible;
	transform:translateX(0);
}

/* ---------- پنل مگامنو ---------- */

.horam-mega-panel{
	position:absolute;
	top:100%;
	right:0;
	left:0;
	opacity:0;
	visibility:hidden;
	transform:translateY(8px);
	transition:opacity .22s ease, transform .22s ease, visibility .22s;
	background:#fff;
	border-top:1px solid #f1f2f4;
	box-shadow:0 25px 55px rgba(17,24,39,.12);
}

.horam-menu-list > li.menu-item-open > .horam-mega-panel{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.horam-mega-inner{
	display:flex;
	align-items:flex-start;
	gap:30px;
	padding:30px 0;
}

.horam-mega-columns{
	flex:1;
	display:grid;
	grid-template-columns:repeat(var(--horam-mega-cols, 4), 1fr);
	gap:28px;
}

.horam-mega-column-title{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:800;
	color:var(--dark);
	margin-bottom:12px;
	padding-bottom:10px;
	border-bottom:2px solid var(--background);
}

.horam-mega-column-title a{
	display:flex;
	align-items:center;
	gap:8px;
	color:inherit;
	text-decoration:none;
	transition:color .15s;
}

.horam-mega-column-title a:hover{
	color:var(--primary);
}

.horam-mega-column-links{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:2px;
}

.horam-mega-column-links li a{
	display:flex;
	align-items:center;
	gap:8px;
	padding:7px 4px;
	color:var(--gray);
	font-size:13px;
	text-decoration:none;
	border-radius:8px;
	transition:color .15s, background .15s, padding .15s;
}

.horam-mega-column-links li a:hover{
	color:var(--primary);
	background:var(--background);
	padding-right:10px;
}

/* بنر تبلیغاتی مگامنو */

.horam-mega-banner{
	flex:0 0 240px;
	position:relative;
	display:block;
	border-radius:var(--radius-md);
	overflow:hidden;
	min-height:280px;
	text-decoration:none;
	box-shadow:var(--shadow-sm);
}

.horam-mega-banner img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .4s ease;
}

.horam-mega-banner:hover img{
	transform:scale(1.06);
}

.horam-mega-banner:before{
	content:'';
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.65) 100%);
}

.horam-mega-banner-text{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	padding:18px;
	color:#fff;
	display:flex;
	flex-direction:column;
	gap:4px;
}

.horam-mega-banner-text strong{
	font-size:16px;
	font-weight:800;
}

.horam-mega-banner-text em{
	font-style:normal;
	font-size:12px;
	opacity:.9;
}

.horam-mega-banner-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:8px;
	padding:7px 16px;
	border-radius:20px;
	background:var(--primary);
	font-size:12px;
	font-weight:700;
	width:fit-content;
}

/* ---------- دکمه‌ی همبرگری موبایل ---------- */

.horam-mobile-menu-toggle{
	display:none;
	align-items:center;
	gap:8px;
	background:none;
	border:none;
	padding:14px 16px;
	cursor:pointer;
	font-family:inherit;
}

.horam-mobile-menu-toggle-icon{
	display:flex;
	flex-direction:column;
	gap:4px;
	width:20px;
}

.horam-mobile-menu-toggle-icon span{
	display:block;
	width:20px;
	height:2px;
	background:var(--dark);
	border-radius:2px;
	transition:.25s;
}

.horam-mobile-menu-toggle[aria-expanded="true"] .horam-mobile-menu-toggle-icon span:nth-child(1){
	transform:translateY(6px) rotate(45deg);
}

.horam-mobile-menu-toggle[aria-expanded="true"] .horam-mobile-menu-toggle-icon span:nth-child(2){
	opacity:0;
}

.horam-mobile-menu-toggle[aria-expanded="true"] .horam-mobile-menu-toggle-icon span:nth-child(3){
	transform:translateY(-6px) rotate(-45deg);
}

.horam-mobile-menu-toggle-label{
	font-size:13px;
	font-weight:700;
	color:var(--dark);
}

/* ---------- کشوی منوی موبایل ---------- */

.horam-mobile-drawer{
	position:fixed;
	inset:0;
	z-index:9998;
	visibility:hidden;
	pointer-events:none;
}

.horam-mobile-drawer.is-open{
	visibility:visible;
	pointer-events:auto;
}

.horam-mobile-drawer-overlay{
	position:absolute;
	inset:0;
	background:rgba(17,24,39,.5);
	opacity:0;
	transition:opacity .25s;
}

.horam-mobile-drawer.is-open .horam-mobile-drawer-overlay{
	opacity:1;
}

.horam-mobile-drawer-panel{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:82%;
	max-width:340px;
	background:#fff;
	transform:translateX(100%);
	transition:transform .3s ease;
	overflow-y:auto;
	padding-bottom:40px;
}

.horam-mobile-drawer.is-open .horam-mobile-drawer-panel{
	transform:translateX(0);
}

.horam-mobile-drawer-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 20px;
	font-weight:800;
	font-size:16px;
	border-bottom:1px solid var(--background);
	position:sticky;
	top:0;
	background:#fff;
	z-index:2;
}

.horam-mobile-drawer-close{
	background:var(--background);
	border:none;
	width:32px;
	height:32px;
	border-radius:50%;
	font-size:14px;
	cursor:pointer;
}

.horam-mobile-menu-list{
	list-style:none;
	margin:0;
	padding:10px 12px;
}

.horam-mobile-menu-list li{
	border-bottom:1px solid var(--background);
}

.horam-mobile-menu-list > li > a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:14px 8px;
	color:var(--dark);
	font-weight:700;
	font-size:14px;
	text-decoration:none;
}

.horam-mobile-menu-list .sub-menu{
	list-style:none;
	margin:0 0 10px;
	padding:0 0 0 10px;
	display:none;
}

.horam-mobile-menu-list .sub-menu a{
	display:block;
	padding:10px 8px;
	color:var(--gray);
	font-size:13px;
	text-decoration:none;
}

.horam-mobile-menu-list li.menu-item-has-children > a:after{
	content:'';
	width:7px;
	height:7px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	opacity:.5;
	transition:transform .2s;
}

.horam-mobile-menu-list li.menu-item-has-children.is-open > a:after{
	transform:rotate(-135deg);
}

/* ---------- واکنش‌گرا ---------- */

@media(max-width:991px){

	.horam-menu-list{
		display:none;
	}

	.horam-mobile-menu-toggle{
		display:flex;
	}

}

@media(min-width:992px){

	.horam-mobile-drawer{
		display:none;
	}

}

/**** اکشن‌های هدر ****/

.horam-header-actions{
	display:flex;
	align-items:center;
	gap:10px;
}

.horam-action-item{
	position:relative;
	display:flex;
	align-items:center;
	gap:8px;
	padding:10px 16px;
	border-radius:14px;
	background:var(--background);
	text-decoration:none;
	color:var(--dark);
	font-size:13px;
	font-weight:700;
	transition:.2s;
}

.horam-action-icon{
	font-style:normal;
	font-size:15px;
	line-height:1;
}

.horam-action-item:hover{
	background:#eef2f7;
	transform:translateY(-2px);
	box-shadow:var(--shadow-sm);
}

.horam-action-item em{
	position:absolute;
	top:-6px;
	left:-6px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--primary);
	color:#fff;
	font-size:11px;
	font-style:normal;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 2px 6px rgba(230,57,70,.4);
}

@media(max-width:768px){

	.horam-header-actions{
		gap:8px;
	}

	.horam-action-item{
		padding:10px;
		border-radius:50%;
		width:40px;
		height:40px;
		justify-content:center;
	}

	.horam-action-item span{
		display:none;
	}

	.horam-action-icon{
		font-size:17px;
	}

}

/* =====================================================
   بازطراحی هدر موبایل — نوار بالای سایت و هدر اصلی حذف
   و با یک نوار جمع‌وجور جایگزین می‌شود.
   ===================================================== */

.horam-mobile-topbar-logo,
.horam-mobile-topbar-cart,
.horam-mega-container .custom-logo-link{
	display:none;
}

@media(max-width:991px){

	.hk-topbar,
	.hk-header{
		display:none;
	}

	.horam-mega-menu{
		position:sticky;
		top:0;
	}

	.horam-mega-container{
		justify-content:space-between;
		padding:10px 16px;
	}

	.horam-mobile-topbar-logo , .horam-mega-container .custom-logo-link{
		display:flex;
		align-items:center;
		order:2;
	}

	.horam-mobile-topbar-logo img{
		max-height:30px;
		width:auto;
	}

	.horam-mobile-topbar-logo span{
		font-weight:800;
		font-size:15px;
		color:var(--dark);
	}

	.horam-mobile-menu-toggle{
		order:1;
	}

	.horam-mobile-topbar-cart{
		order:3;
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		width:38px;
		height:38px;
		border-radius:50%;
		background:var(--background);
		font-size:16px;
		text-decoration:none;
	}

	.horam-mobile-topbar-cart em{
		position:absolute;
		top:-4px;
		left:-4px;
		width:18px;
		height:18px;
		border-radius:50%;
		background:var(--primary);
		color:#fff;
		font-size:10px;
		font-style:normal;
		display:flex;
		align-items:center;
		justify-content:center;
	}

}

/* ---------- بخش‌های اضافه‌شده به کشوی موبایل ---------- */

.horam-mobile-drawer-logo img{
	max-height:28px;
	width:auto;
}

.horam-mobile-drawer-logo span{
	font-weight:800;
	font-size:15px;
	color:var(--dark);
}

.horam-mobile-drawer-actions{
	padding:14px 20px;
	border-bottom:1px solid var(--background);
}

.horam-mobile-drawer-actions .horam-header-actions{
	justify-content:space-between;
}

.horam-mobile-drawer-actions .horam-action-item{
	flex:1;
	flex-direction:column;
	gap:4px;
	padding:10px 6px;
	border-radius:14px;
	width:auto;
	height:auto;
}

.horam-mobile-drawer-actions .horam-action-item span{
	display:block;
	font-size:10.5px;
}

.horam-mobile-drawer-actions .horam-action-icon{
	font-size:18px;
}

.horam-mobile-drawer-actions .horam-mini-cart{
	display:none;
}

.horam-mobile-drawer-search{
	padding:14px 20px;
	border-bottom:1px solid var(--background);
}

.horam-mobile-drawer-search .horam-search-box{
	max-width:100%;
}
