/* ═══════════════════════════════════════════════════════════════
   Sağdan sola (RTL) diller — yalnızca dir="rtl" sayfalarda yüklenir.
   main.css'teki yöne bağlı kuralların aynası. (landing.css zaten
   mantıksal özellikler — margin-inline-start vb. — kullanır.)
   ═══════════════════════════════════════════════════════════════ */

/* Giriş/kayıt formu: simge ve şifre göster butonu yer değiştirir */
[dir="rtl"] .input-icon { left: auto; right: 14px; }
[dir="rtl"] .form-input { padding: 12px 44px 12px 14px; }
[dir="rtl"] .toggle-password { right: auto; left: 12px; }
[dir="rtl"] .input-wrapper .form-input:has(+ .toggle-password) { padding-right: 44px; padding-left: 44px; }

/* İleri/geri okları ve yön gösteren simgeler aynalanır */
[dir="rtl"] .btn-arrow,
[dir="rtl"] .lp-btn svg,
[dir="rtl"] .lp-hero-cta svg { transform: scaleX(-1); }

/* Uyarı bandı */
[dir="rtl"] .api-key-banner a { margin-left: 0; margin-right: 4px; }

/* Kenar çubuğu sağda */
[dir="rtl"] .sidebar { border-right: 0; border-left: 1px solid var(--border); }
[dir="rtl"] .conv-title { padding-right: 0; padding-left: 24px; }
[dir="rtl"] .conv-delete-btn { right: auto; left: 8px; }
[dir="rtl"] .conv-more-btn { right: auto; left: 6px; }
[dir="rtl"] .ctx-btn,
[dir="rtl"] .sidebar-footer-link { text-align: right; }
[dir="rtl"] .model-dropdown { right: auto; left: 0; }

/* Mesaj içeriği (Markdown) */
[dir="rtl"] .message-bubble ul,
[dir="rtl"] .message-bubble ol { margin: 8px 20px 8px 0; }
[dir="rtl"] .message-bubble blockquote {
  border-left: 0; padding-left: 0;
  border-right: 3px solid var(--accent); padding-right: 14px;
}
[dir="rtl"] .message-bubble th,
[dir="rtl"] .message-bubble td { text-align: right; }
[dir="rtl"] .tts-btn { margin-left: 0; margin-right: auto; }

/* Kod blokları ve teknik değerler her zaman soldan sağa okunur */
[dir="rtl"] pre, [dir="rtl"] code, [dir="rtl"] kbd,
[dir="rtl"] .lp-step, [dir="rtl"] input[type="url"], [dir="rtl"] input[type="email"],
[dir="rtl"] input[type="password"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] pre { text-align: left; }

/* Mobil: kenar çubuğu sağdan kayarak açılır */
@media (max-width: 768px) {
  [dir="rtl"] .sidebar { left: auto; right: 0; transform: translateX(100%); }
  [dir="rtl"] .sidebar.open { transform: translateX(0); }
}
@media (max-width: 640px) {
  [dir="rtl"] .model-dropdown { left: 16px; right: 16px; }
}