/* ===========================================================
   NEXORA HORIZON AI — assets/css/rtl.css
   Arapça (dir="rtl") için yön düzeltmeleri.

   Bu dosyada YALNIZCA yön düzeltmeleri bulunur; her kural
   [dir="rtl"] altındadır. Türkçe ve İngilizce görünüm birebir
   aynı kalır.

   Not: İşaretlemede yön duyarlı yerlerde Tailwind'in mantıksal
   sınıfları kullanılır (ms-, me-, start-, end-, text-start).
   Burada yalnızca onların kapsamadığı yerler düzeltilir.

   Yeni bileşenlerin (asistan, davet balonu) genel stilleri
   assets/css/enhancements.css dosyasındadır.
   =========================================================== */

/* -------------------- TİPOGRAFİ -------------------- */
[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}

/* Geniş harf aralığı Arapça'da bozuk görünür */
[dir="rtl"] .tracking-wider,
[dir="rtl"] .tracking-tight {
  letter-spacing: 0;
}

/* -------------------- NAVBAR ARALIK --------------------
   Tailwind'in `space-x-*` yardımcı sınıfı komşu öğelere tek yönlü
   kenar boşluğu ekler. Yüklenen Tailwind sürümünün RTL'i mantıksal
   özelliklerle (`margin-inline-*`) doğru yönettiğini garanti
   edemediğimiz için (CDN sürümü derleme zamanında sabit değil),
   RTL'de bu kenar boşluğu sıfırlanıp yerine yön kavramı olmayan
   flex `gap` kullanılır — öğeler arası boşluk Tailwind'in iç
   uygulamasından bağımsız olarak her zaman görünür olur. Yalnız
   `#navbar-menu` kapsamında; TR/EN/DE/ES'i etkilemez. */
[dir="rtl"] #navbar-menu > :not([hidden]) ~ :not([hidden]) {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
[dir="rtl"] #navbar-menu {
  gap: 1.25rem;
}
@media (min-width: 1280px) {
  [dir="rtl"] #navbar-menu {
    gap: 2rem;
  }
}

/* -------------------- HERO BAŞLIĞI --------------------
   `<br>` etiketleri TR/EN/DE/ES için 4 satırlık sabit bir düzen
   kurar (satır sonu breakpoint'e göre görünür/gizlenir). Arapçada
   "مع" ve "اليوم" gibi kısa kapanış kelimeleri, kendi segmentleri
   içinde doğal kelime kaydırmasıyla tek başlarına yeni satıra
   düşebiliyordu (yetim kelime). RTL'de zorunlu satır sonlarını
   kaldırıp başlığı TEK akan paragraf olarak bırakmak, tarayıcının
   kelimeleri genişliğe göre dengeli dağıtmasını sağlar — metin
   veya "AI" bidi izolasyonuna dokunulmaz, yalnızca satır kırılımı
   noktaları serbest bırakılır. */
[dir="rtl"] #home h1 br {
  display: none !important;
}

/* -------------------- LOGO -------------------- */
[dir="rtl"] .origin-left {
  transform-origin: right;
}

/* -------------------- ASİSTAN -------------------- */
[dir="rtl"] #ai-chat-window {
  transform-origin: bottom left;
}

[dir="rtl"] .chat-bubble-bot {
  border-top-left-radius: 1rem;
  border-top-right-radius: 0.125rem;
}
[dir="rtl"] .chat-bubble-user {
  border-top-right-radius: 1rem;
  border-top-left-radius: 0.125rem;
}

/* Davet balonunun sivri köşesi karşı tarafa geçer */
[dir="rtl"] #ai-chat-hint {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 0.25rem;
}

/* -------------------- OK VE YÖN İKONLARI --------------------
   Genel `.fa-arrow-right` buraya alınmadı: hero CTA düğmesinde kendi
   `rtl:rotate-180` Tailwind sınıfıyla zaten yönetiliyor; ikisi birden
   aynı `transform` özelliğine yazıp çakışırdı. Asistanın "öneri" ve
   "eylem" düğmelerindeki oklar ise main.js'te JS ile üretiliyor ve
   hiçbir rtl: sınıfı yok — burada, yalnızca o iki bağlamla sınırlı
   şekilde ayrıca yönetilir (CTA'yı etkilemez, çakışma olmaz). */
[dir="rtl"] .chat-suggestion .fa-arrow-right,
[dir="rtl"] .chat-action .fa-arrow-right {
  transform: scaleX(-1);
}

[dir="rtl"] .fa-arrow-up-right-from-square {
  transform: scaleX(-1);
}

/* -------------------- FORM -------------------- */
[dir="rtl"] #contact-form select {
  background-position: left 0.75rem center;
}

/* -------------------- KAYDIRMA ÇUBUĞU -------------------- */
[dir="rtl"] .custom-scrollbar {
  direction: rtl;
}