/* ==========================================
   القائمة المنسدلة في الهيدر (نسخة نظيفة)
========================================== */

/* شكل القوائم */
.dropdown-menu,
.sub-menu,
.mega-menu,
.s-menu__dropdown,
.s-nav-sub,
.nav-dropdown,
ul[role="menu"],
.main-menu .sub-menu,
.header-menu .sub-menu{

    background: rgba(11,15,26,.97) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    border: 1px solid rgba(167,139,250,.22) !important;
    border-radius: 18px !important;

    padding: 10px !important;
    min-width: 220px !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.50),
        0 0 18px rgba(109,61,255,.15) !important;

    z-index: 999999 !important;

    margin-top: 0 !important;
    top: 100% !important;
}

/* روابط القوائم */
.dropdown-menu a,
.sub-menu a,
.mega-menu a,
.s-menu__dropdown a,
.s-nav-sub a,
.nav-dropdown a,
ul[role="menu"] a,
.main-menu .sub-menu a,
.header-menu .sub-menu a{

    color: #FFFFFF !important;
    background: transparent !important;

    padding: 11px 16px !important;

    border-radius: 12px !important;

    font-weight: 700 !important;

    display: block !important;

    text-decoration: none !important;

    transition: .25s ease;
}

/* Hover */
.dropdown-menu a:hover,
.sub-menu a:hover,
.mega-menu a:hover,
.s-menu__dropdown a:hover,
.s-nav-sub a:hover,
.nav-dropdown a:hover,
ul[role="menu"] a:hover,
.main-menu .sub-menu a:hover,
.header-menu .sub-menu a:hover{

    background: rgba(109,61,255,.20) !important;

    color: #A78BFA !important;
}

/* تثبيت القائمة أثناء المرور عليها */
header li,
nav li,
.menu-item{
    position: relative !important;
}

header li:hover > .dropdown-menu,
header li:hover > .sub-menu,
header li:hover > .s-menu__dropdown,
header li:hover > .s-nav-sub,
nav li:hover > .dropdown-menu,
nav li:hover > .sub-menu,
nav li:hover > .s-menu__dropdown,
nav li:hover > .s-nav-sub,
.menu-item:hover > .dropdown-menu,
.menu-item:hover > .sub-menu{

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    display: block !important;
}

/* زيادة مساحة الالتقاط حتى لا تهرب */
header li::after,
nav li::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    top: 100%;

    height: 12px;
}

/* إصلاح الخلفية البيضاء تحت المنتجات */
.s-block,
.s-block__container,
.s-block-products-slider,
.s-block--special-products,
.s-block--featured-products{
    background: #111827 !important;
}

/* خلفية قسم آراء العملاء */
.s-block--testimonials,
.s-testimonials,
[class*="testimonial"]{
    background: #111827 !important;
}