/* =========================================
   ملف تنسيق النسخة العربية (RTL)
   ========================================= */

/* 1. قلب الاتجاه وتغيير الخط */
body {
    direction: rtl; /* السحر كله هنا: بيقلب الموقع يمين */
    text-align: right;
    font-family: 'Cairo', sans-serif; /* اعتماد خط كايرو العربي */
}

/* 2. تعديل الهيدر والقائمة */
.logo {
    letter-spacing: 0; /* العربي مش محتاج مسافات بين الحروف */
    font-weight: 700;
}

/* عكس المسافات في القائمة */
.navbar ul { gap: 25px; }

.navbar ul li {
    margin-left: 0;
    /* margin-right: 20px; (ملغاة لأننا استخدمنا gap) */ 
}

.lang-btn {
    margin-left: 0;
    margin-right: 20px; /* زر اللغة يبعد عن القائمة */
    font-family: 'Roboto', sans-serif; /* كلمة EN تفضل بخط إنجليزي */
    font-weight: bold;
}

/* 3. تعديل القوائم والأيقونات */
.contact-list li, .specs-list li {
    flex-direction: row; /* التأكد إن الأيقونة جنب الكلام */
}

.contact-list i, .specs-list i, .tile-overlay i, .icon {
    margin-right: 0;
    margin-left: 10px; /* مسافة الأيقونة تكون على الشمال */
}

/* 4. عكس اتجاهات البوردر (الخطوط الجانبية) */
.about-text h2 {
    border-left: none;
    border-right: 5px solid var(--primary);
    padding-left: 0;
    padding-right: 15px;
}

/* 5. تعديل زرار الفوتر */
.footer-col ul li a:hover {
    padding-left: 0;
    padding-right: 5px; /* الحركة تكون لليسار */
}

/* 6. تعديل كروت التواصل */
.info-card {
    border-left: none;
}
.info-card:hover {
    border-left: none;
    border-right: 4px solid var(--primary); /* الخط يظهر يمين */
    transform: translateX(-10px); /* الحركة تكون لليسار */
}

/* 7. تعديل الفورم */
.input-group input, .input-group textarea {
    text-align: right;
}

/* 8. تعديل المسافات في الموبايل */
@media (max-width: 768px) {
    .menu-toggle {
        margin-left: 0;
        margin-right: 15px;
    }
    .navbar {
        right: auto;
        left: 0; /* القائمة تفتح من ناحية تانية لو حابب، أو سيبها */
    }
}
/* === إصلاح السلايدر في النسخة العربية === */
.slider-wrapper {
    direction: ltr; /* إجبار السلايدر يكون اتجاهه من اليسار لليمين */
}

/* عشان نتأكد إن الأسهم كمان متتعكسش */
.slider-btn {
    transform: translateY(-50%); /* إلغاء أي قلب للاتجاه */
}