/* Add custom CSS styles below */ 

/* تقليل كثافة الخلفية البيضاء لتصبح أكثر شفافية */
.main-menu > li > a {
    background-color: rgba(255, 255, 255, 0.3) !important; /* خلفية بيضاء شفافة جداً بنسبة 30% */
    padding: 6px 14px !important;
    border-radius: 8px !important;
    color: #000000 !important; /* الخط يظل أسود */
    display: inline-flex !important;
    align-items: center;
    margin: 4px 2px;
    backdrop-filter: blur(3px) !important; /* تقليل الضبابية لجعلها أنعم */
    transition: background-color 0.3s ease;
}

/* عند تمرير الماوس تصبح الخلفية أوضح قليلاً */
.main-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* الحفاظ على القوائم المنسدلة كما هي */
.main-menu li ul li a {
    background-color: transparent !important;
    color: #000000 !important;
    backdrop-filter: none !important;
}

/* تلوين السهم بالأسود */
.main-menu > li.has-children > a::after {
    border-color: #000000 !important;
}

/* رفع شريط تحميل التطبيق ليكون فوق زر السلة في الجوال */
@media (max-width: 767px) {
    .s-app-install-alert-wrapper.open {
        bottom: 110px !important; /* يمكنك زيادة الرقم إذا كان الزر لا يزال يغطي السلة */
    }
}