/* --- القائمة (Navbar) --- */

/* التنسيق الافتراضي (للشاشات الكبيرة) */
.nav { 
    display: flex; 
    gap: 20px; 
}

.nav a { 
    font-weight: 700; 
    color: var(--text); 
    text-decoration: none; /* إزالة خط الرابط */
}

/* تنسيق الموبايل (للشاشات أقل من 1050 بكسل) */
@media (max-width: 1050px) {
    .menu-toggle { 
        display: block; 
    }
    
    /* القائمة مخفية في الوضع العادي على الموبايل */
    .nav { 
        display: none; 
        position: fixed; 
        top: var(--header-h); 
        left: 0; 
        width: 100%; 
        height: 100vh; 
        background: var(--surface); 
        flex-direction: column; 
        align-items: center; 
        padding-top: 50px; 
        gap: 30px; 
        z-index: 999; 
    }

    /* هذا الكلاس يضاف بواسطة الـ JavaScript عند الضغط على الزر */
    .nav.open { 
        display: flex !important; 
    }
}