.yaghoot-menu-wrapper{
	--yaghoot-menu-width: 300px;
	--yaghoot-menu-speed: 0.5s;
	display:inline-block;
}

/* ریست دفاعی مشابه سایر المان‌های یاقوت */
.elementor-widget-yaghoot-mobile-menu,
.elementor-widget-yaghoot-mobile-menu .elementor-widget-container{
	background:transparent !important;
	box-shadow:none !important;
	border:none !important;
	padding:0 !important;
}

/* ---------- آیکون همبرگری ---------- */
.yaghoot-menu-trigger{
	display:inline-flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center;
	gap:5px;
	width:26px;
	background:none;
	border:none;
	cursor:pointer;
	padding:6px 2px;
}
.yaghoot-burger-line{
	display:block;
	width:100%;
	height:2px;
	border-radius:2px;
	background-color:#414245;
	transition:transform .3s ease, opacity .3s ease, background-color .2s ease;
}
.yaghoot-menu-trigger.is-active .yaghoot-burger-line:nth-child(1){
	transform:translateY(7px) rotate(45deg);
}
.yaghoot-menu-trigger.is-active .yaghoot-burger-line:nth-child(2){
	opacity:0;
	transform:scaleX(0);
}
.yaghoot-menu-trigger.is-active .yaghoot-burger-line:nth-child(3){
	transform:translateY(-7px) rotate(-45deg);
}

/* ---------- پوشش پشت پنل ---------- */
.yaghoot-menu-overlay{
	position:fixed;
	inset:0;
	background:rgba(10,10,15,.5);
	opacity:0;
	visibility:hidden;
	transition:opacity var(--yaghoot-menu-speed) ease, visibility 0s linear var(--yaghoot-menu-speed);
	z-index:100000;
}
.yaghoot-menu-overlay.is-active{
	opacity:1;
	visibility:visible;
	transition:opacity var(--yaghoot-menu-speed) ease;
}

/* ---------- پنل منو ---------- */
.yaghoot-menu-panel{
	position:fixed;
	top:0;
	bottom:0;
	width:min(var(--yaghoot-menu-width), 90vw);
	background:#ffffff;
	z-index:100001;
	display:flex;
	flex-direction:column;
	box-shadow:0 0 60px rgba(0,0,0,.25);
	transition:transform var(--yaghoot-menu-speed) cubic-bezier(.16,.84,.32,1), visibility 0s linear var(--yaghoot-menu-speed);
	visibility:hidden;
	direction:rtl;
}
.yaghoot-menu-panel[data-side="left"]{
	right:auto;
	left:0;
	transform:translateX(-105%);
}
.yaghoot-menu-panel[data-side="right"]{
	right:0;
	left:auto;
	transform:translateX(105%);
}
.yaghoot-menu-panel.is-open{
	visibility:visible;
	transform:translateX(0);
	transition:transform var(--yaghoot-menu-speed) cubic-bezier(.16,.84,.32,1);
}

.yaghoot-menu-panel-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 20px;
	border-bottom:1px solid #f0f0f0;
	flex-shrink:0;
}
.yaghoot-menu-panel-title{ font-size:16px; font-weight:600; color:#1d1d1f; }
.yaghoot-menu-close{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:none;
	border:none;
	cursor:pointer;
	color:#777;
	padding:4px;
	transition:color .2s, transform .2s;
}
.yaghoot-menu-close svg{ width:20px; height:20px; }
.yaghoot-menu-close:hover{ color:#000; transform:rotate(90deg); }

.yaghoot-menu-panel-body{
	flex:1;
	overflow-y:auto;
	padding:8px 0;
}

/* ---------- لیست منو ---------- */
.yaghoot-menu-list{
	list-style:none;
	margin:0;
	padding:0;
}
.yaghoot-menu-item{
	border-bottom:1px solid #f0f0f0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.yaghoot-menu-item.depth-0{ padding:0 20px; }
.yaghoot-menu-link{
	flex:1;
	display:block;
	padding:14px 0;
	color:#1d1d1f;
	text-decoration:none;
	font-size:15px;
	transition:color .2s ease;
}
.yaghoot-menu-link:hover{ color:#b8860b; }

.yaghoot-submenu-toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	background:none;
	border:none;
	cursor:pointer;
	color:#9a9a9f;
	transition:transform .25s ease, color .2s ease;
}
.yaghoot-submenu-toggle svg{ width:16px; height:16px; }
.yaghoot-menu-item.has-children.is-expanded > .yaghoot-submenu-toggle{
	transform:rotate(90deg);
	color:#1d1d1f;
}

.yaghoot-submenu{
	flex-basis:100%;
	list-style:none;
	margin:0;
	padding:0 0 6px 0;
	background:#fafafa;
}
.yaghoot-submenu .yaghoot-menu-item{
	border-bottom:none;
	padding:0 20px 0 32px;
}
.yaghoot-submenu .yaghoot-menu-link{
	font-size:14px;
	padding:10px 0;
	color:#555;
}

.yaghoot-menu-empty{
	padding:20px;
	color:#999;
	font-size:14px;
	text-align:center;
}