/**
 * RTL (Right-to-Left) layout overrides
 * Split from components.css — Phase 3.2
 */

/* ========================================
   RTL (Right-to-Left) SUPPORT
   For Arabic, Hebrew, and other RTL languages
   ======================================== */

/* Base RTL direction */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Layout: Flip sidebar to right */
[dir="rtl"] .app-layout {
  flex-direction: row-reverse;
}

[dir="rtl"] .sidebar {
  border-left: 1px solid var(--color-border-solid);
  border-right: none;
}

/* Flip flex row elements */
[dir="rtl"] .prime-state__footer {
  flex-direction: row-reverse;
}

[dir="rtl"] .prime-state__toggles {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .output-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .output-header__actions {
  flex-direction: row-reverse;
}

/* Input area */
[dir="rtl"] .input-area__textarea {
  text-align: right;
}

[dir="rtl"] .input-area__actions {
  flex-direction: row-reverse;
}

/* Mode toggle */
[dir="rtl"] .mode-toggle {
  flex-direction: row-reverse;
}

/* Intent tabs */
[dir="rtl"] .intent-tabs {
  flex-direction: row-reverse;
}

/* Category nav */
[dir="rtl"] .category-nav__item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .category-nav__icon {
  margin-left: 8px;
  margin-right: 0;
}

/* Intent category items in RTL - flip border side */
[dir="rtl"] .intent-category__items {
  border-left: none;
  border-right: 2px solid var(--color-primary-light);
  margin-left: 0;
  margin-right: var(--space-4);
  padding-left: 0;
}

[dir="rtl"] .intent-category__items.is-open {
  padding-left: 0;
  padding-right: var(--space-4);
}

/* Cards and sections */
[dir="rtl"] .output-card,
[dir="rtl"] .outcome-status,
[dir="rtl"] .reply-card,
[dir="rtl"] .comparison-option {
  text-align: right;
}

[dir="rtl"] .output-card__header,
[dir="rtl"] .outcome-status__row {
  flex-direction: row-reverse;
}

/* Lists with bullets/checkmarks */
[dir="rtl"] .pros-list,
[dir="rtl"] .cons-list,
[dir="rtl"] .key-insights-list,
[dir="rtl"] .action-items-list {
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] .pros-list li,
[dir="rtl"] .cons-list li {
  padding-right: 24px;
  padding-left: 0;
}

[dir="rtl"] .pros-list li::before,
[dir="rtl"] .cons-list li::before {
  right: 0;
  left: auto;
}

/* Badges and tags */
[dir="rtl"] .tag,
[dir="rtl"] .badge,
[dir="rtl"] .status-badge {
  margin-left: 0;
  margin-right: 4px;
}

[dir="rtl"] .tag:first-child,
[dir="rtl"] .badge:first-child {
  margin-right: 0;
}

/* Risk indicators */
[dir="rtl"] .risk-badge,
[dir="rtl"] .effort-badge {
  flex-direction: row-reverse;
}

/* Comparison cards */
[dir="rtl"] .comparison-grid {
  direction: rtl;
}

[dir="rtl"] .comparison-option__header {
  flex-direction: row-reverse;
}

[dir="rtl"] .comparison-option__score {
  margin-left: 0;
  margin-right: auto;
}

/* Audit trail */
[dir="rtl"] .audit-trail__item {
  flex-direction: row-reverse;
}

[dir="rtl"] .audit-trail__icon {
  margin-left: 8px;
  margin-right: 0;
}

/* Settings modal */
[dir="rtl"] .settings-modal__content {
  text-align: right;
}

[dir="rtl"] .settings-option {
  flex-direction: row-reverse;
}

[dir="rtl"] .context-chip {
  margin-left: 0;
  margin-right: 8px;
}

[dir="rtl"] .context-chip:first-child {
  margin-right: 0;
}

/* Trust layer / Plan steps */
[dir="rtl"] .trust-plan-step {
  flex-direction: row-reverse;
}

[dir="rtl"] .trust-plan-step__num {
  margin-left: 12px;
  margin-right: 0;
}

[dir="rtl"] .trust-plan-step__status {
  margin-right: 12px;
  margin-left: 0;
}

/* File upload */
[dir="rtl"] .file-chip {
  flex-direction: row-reverse;
}

[dir="rtl"] .file-chip__remove {
  margin-left: 0;
  margin-right: 6px;
}

/* Hero artifact */
[dir="rtl"] .hero-artifact {
  text-align: right;
}

/* Executive summary */
[dir="rtl"] .exec-summary,
[dir="rtl"] .exec-header {
  text-align: right;
}

/* Opportunity signals tabs */
[dir="rtl"] .opp-tabs {
  flex-direction: row-reverse;
}

/* Person cards */
[dir="rtl"] .person-card {
  text-align: right;
}

[dir="rtl"] .person-card__header {
  flex-direction: row-reverse;
}

/* Dialog */
[dir="rtl"] .confirm-dialog__content {
  text-align: right;
}

[dir="rtl"] .confirm-dialog__footer {
  flex-direction: row-reverse;
}

/* Toasts */
[dir="rtl"] .toast {
  left: 20px;
  right: auto;
}

/* Icons that should NOT flip (emojis, universal) */
[dir="rtl"] .toggle-pill__icon,
[dir="rtl"] .category-nav__icon,
[dir="rtl"] .audit-trail__icon {
  /* Keep icons LTR */
  direction: ltr;
  unicode-bidi: isolate;
}

/* Numbers should stay LTR */
[dir="rtl"] .comparison-option__score,
[dir="rtl"] .confidence-value,
[dir="rtl"] .risk-score,
[dir="rtl"] .threshold-value {
  direction: ltr;
  unicode-bidi: isolate;
}

/* Transition for smooth direction changes */
body.rtl .app-layout,
body.rtl .sidebar,
body.rtl .main-content {
  transition: none; /* Disable transitions during direction change */
}