/* ============================================
   RTL FIXES (Bootstrap 5 LTR build)
   Scoped to dir="rtl" to avoid affecting EN
   ============================================ */

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* Arabic Font Support - Apply to text elements in RTL mode, but exclude icons */
[dir="rtl"] body,
[lang="ar"] body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* Ensure specific text elements use Arabic font, but exclude Font Awesome icons */
[dir="rtl"] .navbar-brand-ris:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] .nav-link-ris:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] .dropdown-item-ris:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h1:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h2:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h3:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h4:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h5:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] h6:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] p:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] div:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] a:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] button:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] input:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] textarea:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] select:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] label:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] .form-control:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
[dir="rtl"] .btn:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad) {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Preserve Font Awesome icons - they must use Font Awesome font */
[dir="rtl"] .fa,
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fab,
[dir="rtl"] .fal,
[dir="rtl"] .fad,
[dir="rtl"] .fak,
[dir="rtl"] [class*="fa-"],
[lang="ar"] .fa,
[lang="ar"] .fas,
[lang="ar"] .far,
[lang="ar"] .fab,
[lang="ar"] .fal,
[lang="ar"] .fad,
[lang="ar"] .fak,
[lang="ar"] [class*="fa-"] {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'Font Awesome 6 Brands' !important;
}

/* Mirror Bootstrap spacing utilities used across the app */
[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }

[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
[dir="rtl"] .me-5 { margin-right: 0 !important; margin-left: 3rem !important; }

[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
[dir="rtl"] .ms-5 { margin-left: 0 !important; margin-right: 3rem !important; }

/* Mirror text alignment helpers */
[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .text-start { text-align: right !important; }

/* Dropdown alignment */
[dir="rtl"] .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
}

/* Common icon spacing patterns */
[dir="rtl"] .fa, 
[dir="rtl"] .fas, 
[dir="rtl"] .far, 
[dir="rtl"] .fab {
    /* Icons are inline; spacing handled by ms/me classes */
}