/* 
 * Ask Alex - RTL Stylesheet for Arabic
 * ملف الانماط لدعم اللغة العربية والاتجاه من اليمين لليسار
 */

/* تغيير اتجاه الصفحة لليمين لليسار */
html[lang="ar"] {
    direction: rtl;
    text-align: right;
}

/* شكل نافذة الدردشة */
.chat-widget .chat-body {
    text-align: right;
}

/* إعدادات خاصة برقم الهاتف والبريد الإلكتروني */
.contact-ltr, .phone-number {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
}

/* عكس الهيدر والتنقل */
html[lang="ar"] .logo {
    order: 2;
}

html[lang="ar"] nav {
    order: 1;
}

html[lang="ar"] .language-switcher {
    order: 0;
}

/* عكس الخط الظاهر بعد hover على روابط القائمة */
html[lang="ar"] nav ul li a:after {
    left: auto;
    right: 0;
}

/* عكس العناصر المنسقة */
html[lang="ar"] .section-title:after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

/* عكس اتجاه النصوص والتنسيقات المرتبطة بالاتجاه */
html[lang="ar"] .project-stat,
html[lang="ar"] .service-card,
html[lang="ar"] .contact-item {
    text-align: right;
}

/* عكس اتجاه رسائل الدردشة */
html[lang="ar"] .user-message {
    margin-left: 0;
    margin-right: auto;
}

html[lang="ar"] .bot-message {
    margin-right: 0;
    margin-left: auto;
}

/* عكس الاتجاهات في الدردشة */
html[lang="ar"] .chat-widget {
    right: auto;
    left: 30px;
}

html[lang="ar"] .chat-actions {
    text-align: left;
}

html[lang="ar"] .open-chat-btn {
    right: auto;
    left: 30px;
}

/* تعديل تنسيق الخط ليكون أكثر ملائمة للغة العربية */
html[lang="ar"] body {
    font-family: 'Segoe UI', 'Tahoma', 'Dubai', sans-serif;
    line-height: 1.8;
}

/* تعديلات للتجاوب في RTL */
@media (max-width: 768px) {
    html[lang="ar"] .open-chat-btn {
        right: auto;
        left: 20px;
    }
    
    html[lang="ar"] .chat-widget {
        right: auto;
        left: 20px;
    }
}