/* الشريط الخاص باللغات داخل الهيدر - شامل كل اللغات */
.navbar .nav-item .d-flex {
    display: flex;
    align-items: center;
    gap: 8px;                  
    padding: 4px 6px;          
    background-color: #f9f9f9; 
    border-radius: 8px;        
    border: 1px solid #ccc;    
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    margin-top: 35px;           /* المسافة عن باقي الهيدر */
}

/* الروابط داخل الشريط */
.navbar .nav-item .d-flex a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;          
    border: none;              
    border-radius: 6px;
    background-color: #f0f0f0;  
    transition: all 0.3s ease;
}

/* تأثير عند المرور على أي رابط */
.navbar .nav-item .d-flex a:hover {
    background-color: #e0e0e0;
    cursor: pointer;
    transform: translateY(-1px);
}

/* تمييز اللغة المختارة */
.navbar .nav-item .d-flex a.selected {
    background-color: #007bff;
    border-color: #0056b3;
    color: #fff;
}

/*موبايل*/
@media (max-width: 991.98px) {
    html[lang="en"] .navbar {
        position: relative;
        min-height: 90px;
        padding: 0 50px;
    }

        html[lang="en"] .navbar .navbar-brand {
            position: absolute;
            top: 60%;
            transform: translateY(-50%);
            right: 10px;
            left: auto;
        }

    html[lang="en"] .navbar-toggler {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        right: auto;
    }

    html[lang="en"] .navbar .collapse {
        margin-top: 60px;
    }

        html[lang="en"] .navbar .collapse .d-flex,
        html[lang="en"] .navbar .collapse #clientZone {
            justify-content: center !important;
            text-align: center;
            width: 100%;
        }

        html[lang="en"] .navbar .collapse .d-flex {
            width: 120px;
            margin: 10px auto;
        }

            html[lang="en"] .navbar .collapse .d-flex a {
                flex: 0 0 auto;
            }

        html[lang="en"] .navbar .collapse #clientZone {
            margin: 10px 0;
        }

    .navbar .dropdown-menu .dropdown-item {
        color: #000 !important;
    }

        .navbar .dropdown-menu .dropdown-item:hover {
            color: #007bff !important;
            background-color: #f8f9fa;
        }

    #clientZone {
        position: relative;
    }

        #clientZone .dropdown-menu {
            position: absolute !important;
            top: 100% !important;
            margin-top: 5px;
            left: 50%;
            transform: translateX(-50%);
        }


    .navbar .collapse .move-btn {
        text-align: center;
        margin: 10px 0;
        width: 100%; /* يغطي السطر */
    }

        .navbar .collapse .move-btn a {
            display: inline-block;
            margin: 0 auto; /* يخلي الزر بالنص */
        }
}