/* === الهيدر الرئيسي (LUMINA) === */
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.4s, box-shadow 0.4s, backdrop-filter 0.4s;
    background: transparent;        /* شفاف افتراضي */
    box-shadow: none;
}

/* الحالة عند التمرير (يُضاف كلاس scrolled) */
#navbar.scrolled {
    background: rgba(0, 0, 0, 0);  /* خلفية داكنة شفافة */
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* لضمان ظهور النصوص بشكل واضح على الخلفيتين */
#navbar .nav-link,
#navbar .nav-brand {
    color: #fff;                    /* لون النص الأساسي */
}

/* أي تنسيقات إضافية تحتاجها للـ mega menu أو العناصر الداخلية */