/* ═══════════════════════════════════════════════════════════════════════
   rtl.css — SAĞDAN SOLA yerleşim (Arapça)

   ⚠ YALNIZ ARAPÇADA YÜKLENİR (ust.php). Türkçe/İngilizce/Rusça vitrin bu
     dosyayı hiç indirmez; ana stile tek bir dokunuş yapılmadı.

   ⚠ ANA STİLDEKİ 80 YÖN KURALI MANTIKSAL ÖZELLİĞE ÇEVRİLMEDİ. Çevrilseydi
     çalışan Türkçe vitrinin tamamı — kasa, sipariş, fiyat paneli — tek
     seferde risk altına girerdi. Kazanç bir dilde, risk bütün sitede
     olurdu. Burada yalnızca yönü olan kurallar bastırılıyor.

   ⚠ HER ŞEY AYNALANMAZ. Yönü olmayan şeyler yerinde kalır:
     · rakamlar, fiyatlar, ürün kodları (LTR gömülü)
     · logo ve marka görseli
     · ilerleme yönü olmayan ikonlar
     Aynalanan: metin hizası, kenar çubukları, oklar, açılır menüler.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Temel yön ─────────────────────────────────────────────────────── */
body { direction: rtl; text-align: right; }

/* ⚠ RAKAM VE KOD SOLDAN SAĞA KALIR. Arapça akış içinde "GX 550" ya da
     "2.409,60 €" ters çevrilirse okunamaz hâle gelir ve fiyat yanlış
     anlaşılır — ticari hata. `bdi`/unicode-bidi bunları izole ediyor. */
.mono, .kod,
.fyt-ana, .fyt-haric, .fyt-kdv, .fyt-kira,
.fp-ana, .fp-eski, .fp-carpim, .fp-yak,
.sp-tutar, .sp-toplam, .sp-yak, .sp-adet,
.kur b, time {
  direction: ltr;
  unicode-bidi: isolate;
}
/* Fiyat satırları sağa yaslı ama içerik LTR */
.fyt-ana, .fyt-haric, .fyt-kdv { text-align: right; }

/* ── Otomatik boşluklar (margin-left:auto → sağa itiyordu) ─────────── */
.ust .sag,
.h-sag,
.yr-bas time,
.ind-sayac        { margin-left: 0; margin-right: auto; }
.ud-stok-satir b  { margin-left: 0; margin-right: 5px; }

/* ── Sol kenar çizgileri → sağ kenar ──────────────────────────────── */
.st-bildir, .st-odendi, .st-iade, .st-havale,
.cerez, .n-kart, .ud-teklif, .fr-not, .sp-uyari, .hs-uyari, .kk-kutu {
  border-left: 0;
  border-right: 3px solid currentColor;
}
/* Renkleri ana stilden koru: yukarıdaki currentColor yerine tek tek */
.st-bildir  { border-right-color: var(--ikinci); }
.st-odendi  { border-right-color: var(--stok); }
.st-iade    { border-right-color: var(--vurgu); }
.st-havale  { border-right-color: var(--vurgu); }
.n-kart     { border-right-color: var(--vurgu-yumusak); }
.ud-teklif  { border-right-color: var(--ikinci); }
.fr-not     { border-right-color: var(--vurgu); }
.cerez      { border-right-width: 4px; border-right-color: var(--vurgu); }
.cerez.hata { border-right-color: var(--indirim); }
.sp-uyari   { border-right-color: var(--vurgu); }
.hs-uyari   { border-right-color: var(--vurgu); }
.kk-kutu    { border-right-color: var(--ikinci); }

/* Yan menüdeki etkin göstergesi */
.yan-menu a            { border-left: 0; border-right: 3px solid transparent; }
.yan-menu a:hover,
.yan-menu a[aria-current],
.yan-menu a.etkin      { border-right-color: var(--ikinci); }

/* Yuvarlatma da aynalanır: "0 4px 4px 0" → "4px 0 0 4px" */
.sp-uyari, .hs-uyari   { border-radius: 4px 0 0 4px; }

/* ── Metin hizaları ───────────────────────────────────────────────── */
.ud-tablo th,
.sayfa-metin th, .sayfa-metin td,
.uye-yan button           { text-align: right; }
.yr-cizgi em,
.st-satir em,
.kh-sonuc,
.sp-tutar,
.lb-sirala select         { text-align: left; }
.lb-sirala select         { text-align-last: left; }

/* ── Liste girintileri ────────────────────────────────────────────── */
.uye-yan ul,
.ud-sekme-ic ul, .ud-sekme-ic ol,
.sayfa-metin ul, .sayfa-metin ol,
.yz-govde ul, .yz-govde ol {
  padding-left: 0;
  padding-right: 20px;
}

/* ⚠ SINIF ADLARI KAYNAKTAN OKUNDU, TAHMİN EDİLMEDİ. Bu dosyanın ilk
   sürümünde sekiz seçici uydurma addı; dosya yükleniyor ama hiçbir kural
   eşleşmiyordu — Arapça sayfa sessizce düzeltilmemiş kalıyordu. Yeni kural
   eklerken önce `grep 'class="' vitrin/` ile adı doğrulayın. */

/* İşaret (✓) süslerinin konumu */
.ud-teklif-liste li::before { left: auto; right: 14px; }
.kk-belge li::before        { left: auto; right: 4px; }
.yy-ic-ray::before          { left: auto; right: 11px; }

/* ── Sabit konumlu öğeler ─────────────────────────────────────────── */
/* ⚠ İKİSİ AYNI KÖŞEYE GELMEZ. Soldan sağa düzende sohbet SOLDA, yukarı çık
   SAĞDA; RTL'de ikisi de aynalanır — sohbet sağa, yukarı çık sola.
   Sohbet kutusu da düğmeyle aynı kenara çapalanmalı (site.css'te sol). */
.yukari  { right: auto; left: 20px; }
.sohbet  { left: auto; right: 20px; }
.sohbet-kutu { left: auto; right: 0; }
.uk-fav  { right: auto; left: 8px; }

/* Görsel gezinme okları: ileri/geri yönü de ters döner */
.ud-ok-onceki { left: auto;  right: 10px; }
.ud-ok-sonraki{ right: auto; left: 10px; }

/* ── Bölme çizgileri ──────────────────────────────────────────────── */
.fp-secim button              { border-right: 0; border-left: 1px solid var(--cizgi); }
.fp-secim button:last-child   { border-left: 0; }
.hs-menu > a                  { border-right: 0; border-left: 1px solid var(--cizgi); }
.harita-kart                  { border-left: 0; border-right: 1px solid var(--cizgi); }

/* ── Küçük boşluklar ──────────────────────────────────────────────── */
.fp-yak, .sp-yak, .ind-etiket, .ind-sayac i {
  margin-right: 0;
  margin-left: 2px;
}
.od-alan label em { margin-left: 0; margin-right: 2px; }

/* ── Dil seçici ───────────────────────────────────────────────────── */
.dil-sec { flex-direction: row-reverse; }

/* ── Sohbet balonu ────────────────────────────────────────────────── */
.sohbet-mesaj.ben { margin-left: 0; margin-right: auto; }
.sohbet-mesaj.bot { margin-right: 0; margin-left: auto; }
.sohbet-form      { flex-direction: row-reverse; }

/* ── Mobil ────────────────────────────────────────────────────────── */
@media (max-width: 720px) {
  .yukari { left: 12px; right: auto; }
  .sohbet { left: auto; right: 12px; }
  .ind-sayac { margin-right: 0; }
}