/* ═══════════════════════════════════════════════════════════════ ★ Maroc Star — تعديلات الاتجاه الإنجليزي (LTR) تُطبَّق فقط عندما يكون ═══════════════════════════════════════════════════════════════ */ html[dir="ltr"] body { direction: ltr; font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif; } html[dir="ltr"] .layout > * { direction: ltr; } /* الشكل الكلاسيكي: قائمة الأعضاء تبقى يساراً (كما في SpeakyChat) */ html[dir="ltr"] body.skin-classic .layout > * { direction: ltr; } html[dir="ltr"] body.skin-classic .chat-log { text-align: left; } html[dir="ltr"] body.skin-classic .chat-form input#chat-input { direction: ltr; text-align: left; } html[dir="ltr"] body.skin-classic .msg .m-text { direction: ltr; } /* الشكل الحديث */ html[dir="ltr"] .msg.mine { flex-direction: row-reverse; } html[dir="ltr"] .msg.mine .m-body { margin-inline-start: auto; } html[dir="ltr"] .msg .m-text { text-align: left; } html[dir="ltr"] .room-log .log-item, html[dir="ltr"] .hint { text-align: left; } html[dir="ltr"] .toasts .toast { text-align: left; } html[dir="ltr"] .modal { direction: ltr; } html[dir="ltr"] .modal ul, html[dir="ltr"] .modal ol { padding-inline-start: 20px; } html[dir="ltr"] .auth-card { direction: ltr; } html[dir="ltr"] .auth-tabs, html[dir="ltr"] .brand { direction: ltr; } html[dir="ltr"] .seat, html[dir="ltr"] .listener, html[dir="ltr"] .user-row { direction: ltr; } html[dir="ltr"] .s-name, html[dir="ltr"] .u-name, html[dir="ltr"] .u-sub { text-align: left; } html[dir="ltr"] .room-card { direction: ltr; } html[dir="ltr"] .room-card .rc-name { text-align: left; } html[dir="ltr"] .topbar { direction: ltr; } html[dir="ltr"] .search { text-align: left; } /* زر اللغة في الشريط العلوي */ #btn-lang { min-width: 52px; font-weight: 800; font-size: 12px; letter-spacing: .3px; background: linear-gradient(180deg, #4f46e5, #3730a3); border: 1px solid #1e1b4b; color: #fff; } html[dir="ltr"] body.skin-classic #btn-lang { background: linear-gradient(180deg, #555871, #33354a); border: 1px solid #14151b; } #btn-lang:hover { filter: brightness(1.15); }