/* ==========================================
   RTL Layout Fix for Al-Rahma Website
   تصحيحات التخطيط للغة العربية (RTL)
   ========================================== */

/* --- إصلاح عام للـ RTL --- */
html[dir="rtl"], body[dir="rtl"],
html[lang="ar"], body {
    direction: rtl;
    unicode-bidi: bidi-override;
}

/* --- ضمان العرض الكامل --- */
html {
    overflow-x: hidden;
}

body {
    min-width: 320px;
    overflow-x: hidden;
}

/* --- إصلاح Tailwind RTL --- */
/* عند استخدام ml-auto في RTL، يجب أن يكون mr-auto */
html[lang="ar"] .ml-auto { margin-right: auto; margin-left: 0; }
html[lang="ar"] .mr-auto { margin-left: auto; margin-right: 0; }

/* إصلاح left/right في RTL */
html[lang="ar"] .left-0 { right: 0; left: auto; }
html[lang="ar"] .right-0 { left: 0; right: auto; }
html[lang="ar"] .left-2 { right: 0.5rem; left: auto; }
html[lang="ar"] .right-2 { left: 0.5rem; right: auto; }
html[lang="ar"] .left-4 { right: 1rem; left: auto; }
html[lang="ar"] .right-4 { left: 1rem; right: auto; }

/* إصلاح flex-row (اتجاه افتراضي) */
html[lang="ar"] .flex-row-reverse {
    flex-direction: row-reverse;
}

/* --- إصلاح محاذاة النصوص --- */
html[lang="ar"] .text-left { text-align: right; }
/* نحتفظ بـ text-center كما هو */

/* --- إصلاح border-radius sides --- */
html[lang="ar"] .rounded-l-none { border-radius: 0 0.25rem 0.25rem 0; }
html[lang="ar"] .rounded-r-none { border-radius: 0.25rem 0 0 0.25rem; }

/* --- إصلاح Fixed Header --- */
#navbar {
    left: 0;
    right: 0;
    width: 100%;
}

/* --- منع overflow أفقي --- */
main > section {
    overflow-x: hidden;
    max-width: 100vw;
}

/* --- Fix for AOS animations in RTL --- */
[data-aos="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
    transform: translate3d(100px, 0, 0);
}