/* ==========================================================================
   Sağdan sola (RTL) düzen — yalnızca Arapça sürümde yüklenir.

   Ana stil dosyası mantıksal olmayan (left/right) özellikler kullandığı için
   burada yön bağımlı olanlar aynalanır. Yalnızca yönle ilgili kurallar yer
   alır: renk, tipografi ölçeği ve boşluk sistemi ana dosyadan devralınır,
   böylece iki dosya birbirinden bağımsız güncellenebilir.

   Yön bağımsız olması gerekenler (telefon, e-posta, adres kutuları, saat
   aralıkları) görünümlerde dir="ltr" ile işaretlenmiştir; aşağıdaki
   .ltr-guard kuralı bunların hizasını da düzeltir.
   ========================================================================== */

html[dir="rtl"] body {
  /* Arap harfleri Inter'de bulunmadığı için belge başlığında IBM Plex Sans
     Arabic yükleniyor; burada da yazı tipi zinciri ona göre kuruluyor. */
  font-family: "IBM Plex Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  /* Arap harfleri Latin harflerinden optik olarak küçük görünür; hafif bir
     satır aralığı artışı okunurluğu belirgin biçimde iyileştirir. */
  line-height: 1.85;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4 { line-height: 1.4; letter-spacing: 0; }

/* Arapçada italik yoktur; eğik yazı yerine ağırlık farkı kullanılır. */
html[dir="rtl"] em,
html[dir="rtl"] i { font-style: normal; font-weight: 600; }

/* --- Yön bağımsız kalması gereken parçalar ------------------------------ */
html[dir="rtl"] [dir="ltr"] {
  /* Telefon, e-posta ve saat aralıkları soldan sağa okunur ama satır içindeki
     hizası çevreleyen Arapça metne uymalıdır. */
  unicode-bidi: isolate;
  text-align: start;
}

/* --- Listeler ve alıntılar ---------------------------------------------- */
html[dir="rtl"] ul,
html[dir="rtl"] ol { padding-right: 1.4em; padding-left: 0; }
html[dir="rtl"] blockquote { border-left: 0; border-right: 3px solid var(--accent, #00963f); padding-left: 0; padding-right: 18px; }

/* --- Üst şerit ve dil seçici -------------------------------------------- */
html[dir="rtl"] .topbar__links { flex-direction: row-reverse; }
html[dir="rtl"] .langsw__menu { left: auto; right: 0; text-align: right; }

/* --- Menü ---------------------------------------------------------------- */
html[dir="rtl"] .nav__list { flex-direction: row-reverse; }
html[dir="rtl"] .sub,
html[dir="rtl"] .mega { left: auto; right: 0; text-align: right; }
html[dir="rtl"] .mega__item { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .mega__num { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .head__in { flex-direction: row-reverse; }

/* --- Yön belirten ikonlar ------------------------------------------------
   Ok, ileri/geri ve "devamını oku" ikonları sayfa akış yönünü gösterir;
   RTL'de akış ters olduğu için yatayda aynalanırlar. Aşağı/yukarı oklar
   (accordion, sayfa başına dön) yön değiştirmez, bu yüzden kapsam dışıdır. */
html[dir="rtl"] .link-arrow svg,
html[dir="rtl"] .mega__all svg,
html[dir="rtl"] .scroller__nav svg,
html[dir="rtl"] .pv__btn[data-pv-prev] svg,
html[dir="rtl"] .pv__btn[data-pv-next] svg,
html[dir="rtl"] .nf__cat-arrow { transform: scaleX(-1); }

html[dir="rtl"] .link-arrow::after { transform: scaleX(-1); }

/* Kaydırmalı kategori şeridinde önceki/sonraki düğmeleri de yer değiştirir. */
html[dir="rtl"] .scroller__nav--prev { left: auto; right: -6px; }
html[dir="rtl"] .scroller__nav--next { right: auto; left: -6px; }

/* --- Kartlar ve listeler -------------------------------------------------- */
html[dir="rtl"] .card__tag,
html[dir="rtl"] .card__ico { left: auto; right: 14px; }
html[dir="rtl"] .checks li,
html[dir="rtl"] .minichecks li,
html[dir="rtl"] .flist li,
html[dir="rtl"] .infolist li,
html[dir="rtl"] .foot__cinfo li,
html[dir="rtl"] .post__contact li,
html[dir="rtl"] .doc { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .checks li { padding-right: 30px; padding-left: 0; }
html[dir="rtl"] .checks li::before { left: auto; right: 0; }

/* --- Formlar -------------------------------------------------------------- */
html[dir="rtl"] .form input,
html[dir="rtl"] .form select,
html[dir="rtl"] .form textarea { text-align: right; }
html[dir="rtl"] .form input[type="tel"],
html[dir="rtl"] .form input[type="email"] {
  /* Telefon ve e-posta soldan sağa yazılır; alan da öyle davranmalı. */
  direction: ltr;
  text-align: left;
}
html[dir="rtl"] .consent { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .alert { flex-direction: row-reverse; text-align: right; }

/* --- Sekmeler, akordiyon -------------------------------------------------- */
html[dir="rtl"] .tabs__bar { flex-direction: row-reverse; }
html[dir="rtl"] .acc__q { padding-right: 0; padding-left: 34px; }
html[dir="rtl"] .acc__q::after { right: auto; left: 6px; }

/* --- Kırıntı navigasyonu --------------------------------------------------- */
html[dir="rtl"] .crumbs ol { flex-direction: row-reverse; }
html[dir="rtl"] .crumbs li + li::before { transform: scaleX(-1); }

/* --- Alt bilgi ------------------------------------------------------------- */
html[dir="rtl"] .foot__grid,
html[dir="rtl"] .foot__bar { text-align: right; }
html[dir="rtl"] .foot__bar ul { flex-direction: row-reverse; }
html[dir="rtl"] .foot__sol-ico { margin-left: 8px; margin-right: 0; }

/* --- Yüzen düğmeler --------------------------------------------------------
   WhatsApp, asistan ve "başa dön" düğmeleri sağ alttan sol alta taşınır;
   RTL'de baş parmağın doğal konumu sol taraftır. */
html[dir="rtl"] .wa      { right: auto; left: 18px; }
html[dir="rtl"] .totop   { right: auto; left: 18px; }
html[dir="rtl"] .dva-fab { right: auto; left: 18px; }
html[dir="rtl"] .dva     { right: auto; left: 18px; }

/* --- Asistan penceresi ------------------------------------------------------ */
html[dir="rtl"] .dva__head { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .dva__msg--me   { justify-content: flex-start; }
html[dir="rtl"] .dva__msg--bot  { justify-content: flex-end; }
html[dir="rtl"] .dva__bubble    { text-align: right; }
html[dir="rtl"] .dva__form      { flex-direction: row-reverse; }
html[dir="rtl"] .dva__send svg  { transform: scaleX(-1); }
html[dir="rtl"] .dva__chips     { direction: rtl; }

/* --- PDF görüntüleyici ------------------------------------------------------ */
html[dir="rtl"] .pv__bar { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .pv__acts { flex-direction: row-reverse; }
/* PDF'in kendisi belge yönünü kendi taşır; çerçeve LTR kalmalı. */
html[dir="rtl"] #pv-frame { direction: ltr; }

/* --- Duyuru penceresi -------------------------------------------------------- */
html[dir="rtl"] .pop__close { right: auto; left: 10px; }

/* --- Çerez şeridi ------------------------------------------------------------ */
html[dir="rtl"] .cookie { text-align: right; }
html[dir="rtl"] .cookie__btns { flex-direction: row-reverse; }
