/* Arabic (RTL) overrides for friendlyai.ca. Loaded after styles.css on /ar/* pages only.
   dir="rtl" already mirrors flex/grid direction; these rules flip the physical
   left/right properties in styles.css that do not flip on their own. */

[dir="rtl"] body,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .lesson-list .lesson-num,
[dir="rtl"] .stat-num {
  font-family: "IBM Plex Sans Arabic", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; }

/* Text alignment that was hardcoded left */
[dir="rtl"] th, [dir="rtl"] td,
[dir="rtl"] .quiz-opt, [dir="rtl"] .sim-opt, [dir="rtl"] .sim-chip,
[dir="rtl"] .sim-history-item,
[dir="rtl"] .advisor-form label, [dir="rtl"] .compare-picker label,
[dir="rtl"] .biz-area,
[dir="rtl"] .account-menu a, [dir="rtl"] .account-menu button {
  text-align: right;
}

/* Stat dividers: left border becomes right border */
[dir="rtl"] .stat { border-left: 0; border-right: 1px solid var(--line); }
[dir="rtl"] .stat:first-child { border-right: 0; }

/* Simulation side panels: sidebar/side border swaps sides, sources swap sides */
[dir="rtl"] .tool-sidebar { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .tool-sources { border-left: 0; border-right: 1px solid var(--line); }
[dir="rtl"] .tool-studio .tool-side { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] section.sim-section.view-active .tool-sidebar { border-right: 0; border-left: 1px solid #E5E5E0; }

/* Prompt accent bar swaps sides */
[dir="rtl"] .prompt-text { border-left: 1px solid var(--line2); border-right: 5px solid var(--teal); }

/* Lesson big numbers sit on the leading side */
[dir="rtl"] .lesson-list .lesson-num { left: auto; right: 22px; }
/* Lesson card padding mirrors too, or the number overlaps the content */
[dir="rtl"] .lesson-list .lesson-card { padding: 22px 92px 22px 22px; }

/* Chat bubbles mirror: user bubble to the leading side, assistant to the other */
[dir="rtl"] .sim-user { margin-left: 0; margin-inline-start: 40px; }
[dir="rtl"] .sim-assistant { margin-right: 0; margin-inline-end: 40px; }
[dir="rtl"] .tool-app-chat .sim-bubble.sim-user { margin-left: 0; margin-inline-start: auto; }
[dir="rtl"] .tool-app-chat .sim-model-note { margin-left: 0; margin-inline-start: auto; }

/* Auto margins and small gaps follow reading direction */
[dir="rtl"] .plan-summary .plan-change { margin-left: 0; margin-inline-start: auto; }
[dir="rtl"] .biz-caret { margin-left: 0; margin-inline-start: 8px; }
[dir="rtl"] .biz-summary .biz-caret { margin-left: 0; margin-inline-start: auto; }
[dir="rtl"] .path-step input[type="checkbox"] { margin-right: 0; margin-inline-end: 8px; }
[dir="rtl"] .part-note { margin-left: 0; margin-inline-start: 6px; }
[dir="rtl"] #account-panel .btn { margin-right: 0; margin-inline-end: 10px; }

/* Account dropdown anchors to the leading edge of the header button */
[dir="rtl"] .account-menu { right: auto; left: 0; }

/* Language dropdown anchors to the leading edge like the account menu */
[dir="rtl"] .lang-menu { right: auto; left: 0; }
[dir="rtl"] .lang-menu a { text-align: right; }

@media (max-width: 820px) {
  [dir="rtl"] .stat:nth-child(3) { border-left: 0; border-right: 0; }
  [dir="rtl"] .account-menu { left: auto; right: 0; }
  [dir="rtl"] .lang-menu { left: auto; right: 0; }
}

@media (max-width: 640px) {
  [dir="rtl"] .sim-user { margin-inline-start: 12px; }
  [dir="rtl"] .sim-assistant { margin-inline-end: 12px; }
}

/* Password show/hide toggle in RTL: the eye button sits on the left. */
[dir="rtl"] .password-wrap input{padding-right:14px;padding-left:46px}
[dir="rtl"] .password-toggle{right:auto;left:8px}