/* rtl.css */
html, body {
    direction: rtl !important;
    text-align: right !important;
}

html {
    direction: rtl !important;
}

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

.ms-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}
   
/* اتجهات رأس الصفحة */
/* اجعل الشعار على اليمين فعليًا في RTL */
.header-area-1 .logo-area {
    text-align: right;
}

/* اجعل من padding تلقائي في جهة الشعار */
.logo-area .logo {
    margin-inline-start: 0;
    margin-inline-end: auto;
}


.main-menu {
    text-align: right;
}

.language-dropdown {
    text-align: left; /* لكي تكون القائمة المنسدلة في الجهة اليمنى من الزر */
}

/* لضبط مواقع الأزرار والـ CTA */
.default-btn {
    direction: rtl;
}

.sidebar__area,
.mobile-menu {
    direction: rtl;
}

.header-area-1 .logo-area .logo img {
    display: block;
}

@media (max-width: 991.98px) {
    [dir="rtl"] .header-area-1 .row.align-items-center {
        flex-direction: row-reverse;
    }

    [dir="rtl"] .logo-area {
        text-align: right;
    }

    [dir="rtl"] .side-menu-icon {
        text-align: left !important;
    }

    [dir="rtl"] .logo-area .logo img {
        margin-left: auto;
        margin-right: 0;
    }
    
}

/* للغة العربية */
.sidebar__area.rtl {
    direction: rtl;
    text-align: right;
}

.sidebar__area.rtl .mobile-menu ul li {
    justify-content: flex-end; /* لجعل النص على اليمين */
}

.sidebar__area.rtl .mobile-menu ul li a {
    text-align: right;
}

/* علامة + في اليسار */
.sidebar__area.rtl .has-dropdown > a::after {
    float: left !important;
    margin-left: 10px;
    margin-right: 0;
}

/* علامة + في الإنجليزية */
.sidebar__area.ltr .has-dropdown > a::after {
    float: right;
    margin-right: 10px;
}

/* عند اللغة العربية: ضع علامة + على اليسار */
html[dir="rtl"] .mean-container .mean-nav ul li a.mean-expand {
    right: auto !important;
    left: 0 !important;
    text-align: left !important;
    float: none !important;
    position: absolute !important;
}

/* عند اللغة الإنجليزية: الافتراضي (علامة + في اليمين) */
html[dir="ltr"] .mean-container .mean-nav ul li a.mean-expand {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
    float: none !important;
    position: absolute !important;
}

/* حتى لا يزاح النص بسبب position:absolute */
.mean-container .mean-nav ul li {
    position: relative;
}