/* =========================
   Mobile Menu Accordion
========================= */

/* إخفاء submenu افتراضياً */
#mobile-menu .main-menu > li.lg\:hidden > ul{
display:none !important;
position:relative !important;
transform:none !important;
left:auto !important;
top:auto !important;
padding:0 !important;
margin:0 !important;
height:auto !important;
min-height:auto !important;
max-height:none !important;
overflow:hidden !important;
background:#fff !important;
}

/* عند الفتح */
#mobile-menu .main-menu > li.lg\:hidden.open > ul{
display:block !important;
margin:0 !important;
padding:0 !important;
}

/* عناصر الفرعي */
#mobile-menu .main-menu > li.lg\:hidden.open > ul li{
margin:0 !important;
padding:0 !important;
min-height:auto !important;
border-top:1px solid #F2EEE7;
}

/* روابط الفرعي */
#mobile-menu .main-menu > li.lg\:hidden.open > ul li a{
padding:14px 22px !important;
display:flex !important;
align-items:center !important;
font-weight:500;
}

/* =========================
   إزالة أسهم mm-spn القديمة
========================= */

#mobile-menu .main-menu > li.lg\:hidden::before,
#mobile-menu .main-menu > li.lg\:hidden > a::before,
#mobile-menu .main-menu > li.lg\:hidden > span::before,
#mobile-menu .mm-spn--open > li::before{
display:none !important;
content:none !important;
}

/* =========================
   شكل التصنيف الرئيسي
========================= */

#mobile-menu .main-menu > li.lg\:hidden > span{
display:flex !important;
align-items:center !important;
width:100% !important;
padding:16px 18px !important;
cursor:pointer !important;
direction:rtl !important;
}

/* الصورة يمين */
#mobile-menu .main-menu > li.lg\:hidden > span img{
width:48px !important;
height:48px !important;
border-radius:8px !important;
object-fit:cover !important;
flex-shrink:0 !important;
margin-left:12px !important;
margin-right:0 !important;
}

/* علامة + أقصى الشمال */
.mobile-arrow{
margin-right:auto !important;
margin-left:0 !important;
font-size:24px !important;
font-weight:300 !important;
line-height:1 !important;
color:#8A6A10 !important;
flex-shrink:0 !important;
}

/* اسم التصنيف */
#mobile-menu .main-menu > li.lg\:hidden > span{
font-weight:700 !important;
color:#8A6A10 !important;
}

/* خلفية خفيفة عند الفتح */
#mobile-menu .main-menu > li.lg\:hidden.open > span{
background:#faf8f3;
}