/* assets/css/rtl.css - الحل الجذري النهائي */

/* تطبيق الـ RTL على كل شيء */
html[data-lang="ar"] {
    direction: rtl;
}



/* __________________________________________________ */
/* 3. قسم البداية (Hero Section) - RTL */
/* __________________________________________________ */
html[data-lang="ar"] .hero-section .inner-hero {
    text-align: right;
}

html[data-lang="ar"] .hero-image {
    text-align: left;
    /* نقل الصورة لليسار في RTL */
}

html[data-lang="ar"] .hero-content .hero-heading {
    /* لا يلزم تغييرات هنا، فالخط يدعم العربية */
}

/* __________________________________________________ */
/* 4. قسم التذييل (Footer) - RTL */
/* __________________________________________________ */
html[data-lang="ar"] .main-footer ul li i {
    margin-right: 0;
    margin-left: 8px;
    /* تباعد عن النص في RTL */
}

/* أيقونات التواصل الاجتماعي */
html[data-lang="ar"] .main-footer .social-links a {
    margin-right: 0;
    margin-left: 10px;
    /* عكس تباعد أيقونات التواصل الاجتماعي */
}

/* نموذج النشرة الإخبارية (Newsletter) */
html[data-lang="ar"] .main-footer .subscribe-form {
    flex-direction: row-reverse;
    /* عكس ترتيب الإدخال والزر */
}

html[data-lang="ar"] .main-footer .subscribe-form input[type="email"] {
    border-right: 1px solid #ccc;
    border-left: none;
    /* عكس مكان الحدود */
}

html[data-lang="ar"] .main-footer .subscribe-form .submit-btn i {
    transform: rotate(180deg);
    /* عكس اتجاه سهم الزر */
}

/* __________________________________________________ */
/* 5. الأزرار العائمة (WhatsApp & Call) - RTL */
/* __________________________________________________ */
html[data-lang="ar"] .floating-buttons {
    left: auto;
    right: 20px;
    /* نقل الأزرار لليمين في RTL */
}

/* Media Query للتجاوب في RTL */
@media (max-width: 900px) {
    html[data-lang="ar"] .floating-buttons {
        right: 10px;
        left: auto;
    }
}