/* RTL overrides for Arabic */

body.rtl {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', 'Tahoma', sans-serif;
    text-align: right;
}

.rtl .olspark-widget { right: auto; left: 24px; }
.rtl .olspark-panel  { right: auto; left: 0; }
.rtl .olspark-panel .head .close { margin-inline-start: auto; }

.rtl .chat-input { flex-direction: row-reverse; }
.rtl .msg.self   { align-self: flex-start; flex-direction: row; }
.rtl .msg.other  { align-self: flex-end;   flex-direction: row-reverse; }
.rtl .ols-hero h1 { text-align: right; }

.rtl .agent-grid { direction: rtl; }

/* Bootstrap utility overrides */
.rtl .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
.rtl .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
.rtl .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
.rtl .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
.rtl .text-start  { text-align: right !important; }
.rtl .text-end    { text-align: left !important; }