/* ============================================================
2- تنسيق الهيدر الأساسي
============================================================ */
.store-header {
    background: transparent !important;
    top: 0;
    width: 100%;
    /* z-index: 9999; */
}

/* ============================================================
   3- تنسيق شريط التصنيفات الأفقي (الديسكتوب)
============================================================ */
.store-header nav#mobile-menu {
    all: unset; /* تصفية أي تنسيقات مسبقة من النظام */
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    z-index: 20;
}

.store-header nav#mobile-menu ul.main-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 25px;
    list-style: none !important;
}

/* التنسيق الخاص بالرابط الأساسي */
.store-header nav#mobile-menu .desktop-menu-item.root-level > a {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px;
    display: block;
}

/* ============================================================
   4- تنسيق القائمة الفرعية (Dropdown) باحترافية
============================================================ */
/* .store-header nav#mobile-menu .desktop-menu-item { */
    /* position: relative; /* ضروري لتموضع القائمة الفرعية */ */
/* } */

/* إخفاء القائمة الفرعية افتراضياً */
/* .store-header nav#mobile-menu .sub-menu {
    display: none !important; 
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
    background: #ffffff !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 15px 0;
    min-width: 200px;
    z-index: 100;
} */

/* إظهار القائمة الفرعية عند تمرير الماوس فقط */
/* .store-header nav#mobile-menu .desktop-menu-item:hover > .sub-menu {
    display: block !important;
} */

/* تنسيق الروابط داخل القائمة الفرعية */
/* .store-header nav#mobile-menu .sub-menu ul {
    display: flex !important; */
    /* flex-direction: column !important; /* ترتيب عمودي مرتب */ */
    /* gap: 0;
} */

.store-header nav#mobile-menu .sub-menu .desktop-menu-item a {
    color: #D9C5B2 !important; 
    padding: 10px 20px;
    display: block;
    font-size: 14px;
    transition: background 0.2s;
    text-align: right;
}

.store-header nav#mobile-menu .sub-menu .desktop-menu-item a:hover {
    background: #D9C5B2;
    color: #3D2B1F !important; /* لون هوفر خفيف */
}

/* ============================================================
   5- إصلاح القائمة الجانبية (الهامبرغر)
============================================================ */

/* زر الهامبرغر */
/* .store-header .mburger nav#mobile-menu { display: none !important; }
body.fixed-pinned-cls .mburger { display: block !important; opacity: 1; visibility: visible; } */

/* إظهار التصنيفات داخل المنيو الجانبي عند فتحه */
/* .mm-menu .mobile-menu-item nav#mobile-menu {
    display: block !important;
} */


/* إخفاء الشريط الأفقي عند النزول */
/* body.fixed-pinned-cls nav#mobile-menu { display: none !important; } */