/* ==========================================================================
   دعم RTL لقسم السلايدر (Main Slider Two) فقط
   الاعتماد على dir="rtl" الموضوع على عنصر <section class="main-slider-two">
   يقلب تلقائيًا اتجاه الـ flex ومحاذاة النصوص.
   هنا نقلب فقط العناصر ذات الموضع المطلق (absolute) لأنها لا تتأثر باتجاه dir.
   ========================================================================== */

/* محاذاة النص داخل المحتوى إلى اليمين */
.main-slider-two[dir="rtl"] .main-slider-two__content {
    text-align: right;
}

/* صندوق صورة الخلفية: نقله من اليمين إلى اليسار */
.main-slider-two[dir="rtl"] .main-slider-two__bg-box,
.main-slider-two[dir="rtl"] .main-slider-two__shpae-bg-2,
.main-slider-two[dir="rtl"] .main-slider-two__shpae-bg-3 {
    right: auto;
    left: 0;
}

/* قلب اتجاه حركة أشكال الخلفية المتحركة لتظهر قادمة من اليسار */
.main-slider-two[dir="rtl"] .main-slider-two__shpae-bg-2,
.main-slider-two[dir="rtl"] .main-slider-two__shpae-bg-3 {
    -webkit-transform: perspective(400px) rotateY(0deg) translateX(-100px) scale(1);
    -ms-transform: perspective(400px) rotateY(0deg) translateX(-100px) scale(1);
    transform: perspective(400px) rotateY(0deg) translateX(-100px) scale(1);
}

.main-slider-two[dir="rtl"] .swiper-slide-active .main-slider-two__shpae-bg-2,
.main-slider-two[dir="rtl"] .swiper-slide-active .main-slider-two__shpae-bg-3 {
    -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px) scale(1);
    -ms-transform: perspective(400px) rotateY(0deg) translateX(0px) scale(1);
    transform: perspective(400px) rotateY(0deg) translateX(0px) scale(1);
}

/* الأشكال الزخرفية: تبديل اليمين/اليسار */
.main-slider-two[dir="rtl"] .main-slider-two__shape-1 {
    right: auto;
    left: 975px;
}

.main-slider-two[dir="rtl"] .main-slider-two__shape-2,
.main-slider-two[dir="rtl"] .main-slider-two__shape-3 {
    left: auto;
    right: 30px;
}

/* النص الكبير الخلفي: نقله إلى الجهة المقابلة */
.main-slider-two[dir="rtl"] .main-slider-two__big-text {
    left: auto;
    right: -61px;
}

/* الترقيم (pagination): نقله من اليمين إلى اليسار */
.main-slider-two[dir="rtl"] #main-slider-two-pagination {
    right: auto;
    left: 0;
    align-items: flex-start;
}

/* رقم الترقيم الدائري: تبديل موضعه الأفقي */
.main-slider-two[dir="rtl"] #main-slider-two-pagination .swiper-pagination-bullet::before {
    left: auto;
    right: -40px;
}

/* قلب سهم الزر ليتناسب مع الاتجاه */
.main-slider-two[dir="rtl"] .thm-btn .fa-arrow-right,
.main-slider-two[dir="rtl"] .thm-btn .fa-arrow-left {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* ضبط تدرّج صورة الخلفية على الشاشات الصغيرة (يكون مقلوبًا في responsive.css) */
@media only screen and (max-width: 991px) {
    .main-slider-two[dir="rtl"] .main-slider-two__bg:after {
        left: auto;
        right: -10px;
        background: #F7F4ED;
        background: linear-gradient(90deg, rgba(247, 244, 237, 0) 0%, rgba(247, 244, 237, 0.8) 25%, rgba(247, 244, 237, 1) 100%);
    }
}