body{
direction: rtl;
text-align: right;
}

.navbar-nav{
margin-right:auto;
margin-left:0;
}

.float-left{
float:right !important;
}

.float-right{
float:left !important;
}

.text-left{
text-align:right !important;
}

.text-right{
text-align:left !important;
}
.footer-explore{
    text-align:center;
}
.footer-language select{
    margin-right:15px;
}
/* تحريك Navbar لليسار في العربي */
html[dir="rtl"] .navbar-nav {
    margin-right: 600px; /* المسافة اللي بدك ياها */
}

/* منع تقطيع الكلمات المقطعة في العربي */
html[dir="rtl"] .navbar-nav .nav-link {
    white-space: nowrap;
}
/* عند العربية نجعل كل المحتوى داخل الفيديو متمركز */
html[dir="rtl"] .video-wrapper .container {
    text-align: center; /* يحرك النصوص والـ subtitles والعناوين للنص */
}

html[dir="rtl"] .video-wrapper .col-md-8.offset-md-2 {
    margin-left: auto;
    margin-right: auto; /* يجعل العمود في الوسط */
    float: none;
}

html[dir="rtl"] .video-wrapper .text-center {
    float: none; /* يضمن أن زر الفيديو في الوسط */
    margin-left: auto;
    margin-right: auto;
}
/* على الموبايل فقط: القايمة بالعربي تظهر مثل الإنجليزي لكنها على اليمين */
@media screen and (max-width: 991px) {
    html[dir="rtl"] .navbar-nav {
        margin-right: 15px !important;  /* مسافة بسيطة من الحافة اليمنى */
        margin-left: 0 !important;
        text-align: right !important;    /* القائمة على اليمين */
        float: right !important;         /* تحريكها لليمين */
        width: auto !important;
    }

    html[dir="rtl"] .navbar-nav .nav-item {
        display: block;                  /* كل عنصر في سطره */
        width: 100% !important;          /* العرض الطبيعي */
    }

    html[dir="rtl"] .navbar-nav .nav-link {
        text-align: right !important;    /* النصوص تظهر على اليمين */
        padding-left: 15px !important;   
        padding-right: 15px !important; 
    }
}