/* SESSI Portal — RTL overrides */
[dir="rtl"] {
  /* mirror directional properties */
}
[dir="rtl"] .flip-x { transform: scaleX(-1); }
[dir="rtl"] .text-start { text-align: right; }
[dir="rtl"] .text-end { text-align: left; }

/* Mirror critical icons */
[dir="rtl"] .icon-mirror {
  transform: scaleX(-1);
}

/* Adjustments for RTL */
[dir="rtl"] .sidebar { border-right: 0; border-left: 1px solid var(--border); }
[dir="rtl"] .form-select { background-position: left 12px center; }
[dir="rtl"] .form-input.icon-left { padding-left: 12px; padding-right: 32px; }
[dir="rtl"] .input-icon svg { left: auto; right: 10px; }

/* Mermaid handles its own RTL but we hint it */
[dir="rtl"] .mermaid { direction: rtl; }

/* Fonts */
[dir="rtl"] body, [dir="rtl"] .nav-item, [dir="rtl"] .btn, [dir="rtl"] .card-title,
[dir="rtl"] .page-title, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
  font-family: var(--font-ur);
}

[lang="sd"] body, [lang="sd"] .nav-item, [lang="sd"] .btn, [lang="sd"] .card-title,
[lang="sd"] .page-title, [lang="sd"] input, [lang="sd"] textarea, [lang="sd"] select {
  font-family: var(--font-sd);
}

/* Adjust spacing for RTL scripts */
[dir="rtl"] .nav-item { padding: 8px 14px; }

/* Toast position */
[dir="rtl"] .toast-stack { left: 16px; right: auto; }