/* RUPO Studio — sağdan sola (RTL) yerleşim.
   Yalnızca dir="rtl" olan yerellerde (ar, fa, he, ur) seo.isle tarafından yüklenir;
   soldan sağa sayfalara hiç ulaşmaz. Tasarım değişmez, yalnızca yön aynalanır.
   Aynalanmayanlar bilerek bırakıldı:
   - Marka (RUPO logosu ve "RUPO." imzası) her dilde aynı görünür.
   - Zaman çizelgesi, önce/sonra karşılaştırması ve kod/günlük blokları soldan
     sağa kalır: zaman ve kaynak kod yönü dile göre değişmez.
   - Hero'daki dekoratif nesne ve yörünge kartları yalnızca süs; yerleri korunur. */

/* ---- Marka ---------------------------------------------------------------- */
[dir=rtl] .z-brand,
[dir=rtl] .z-hero-signature>.z-enter{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .z-hero-signature>.z-enter{display:inline-block}
[dir=rtl] .z-footer .z-brand{transform-origin:right top}

/* ---- Yön okları ----------------------------------------------------------- */
/* "İleri" oku sağdan sola okumada sola bakar. */
[dir=rtl] .ui-arrow>svg,
[dir=rtl] .ui-arrowr>svg,
[dir=rtl] .z-breadcrumb .ui-chevron>svg,
[dir=rtl] #z-tool-breadcrumb .ui-chevron>svg{transform:scaleX(-1)}
/* Aşağı kaydırma oku yön değil, aşağıyı gösterir. */
[dir=rtl] .z-hero-bottom>a .ui-arrow>svg{transform:none}
/* Kategori kartındaki çapraz ok (↗) → (↖). */
[dir=rtl] .z-category-head>.ui-icon{transform:rotate(40deg)}

/* ---- Satır sonuna itilen simgeler ---------------------------------------- */
[dir=rtl] .z-stack-head>.ui-icon:last-child,
[dir=rtl] .z-stack-row>.ui-icon:last-child,
[dir=rtl] .z-stack-bottom span,
[dir=rtl] .z-search kbd,
[dir=rtl] .z-mega-links>a>.ui-icon:last-child,
[dir=rtl] .z-mega-sections>div>a>.ui-icon:last-child,
[dir=rtl] .z-command-results .ui-icon:last-child,
[dir=rtl] .z-workflow li .ui-icon,
[dir=rtl] .z-mobile-links a>.ui-icon:last-child,
[dir=rtl] .z-mobile-all>.ui-icon:last-child,
[dir=rtl] .z-mobile-collections>a>.ui-icon:last-child,
[dir=rtl] .z-guide-steps .ui-icon,
[dir=rtl] .sys-pill,
[dir=rtl] .cmp-head .hint,
[dir=rtl] .cl-times b,
[dir=rtl] .vop-liste li span,
[dir=rtl] .vop-sahne li i,
[dir=rtl] .renk-liste .renk-detay,
[dir=rtl] #view .tw .ws-durum-cipler,
[dir=rtl] #view .tw .vop-alan-birim,
[dir=rtl] #view .tw .ws-eylem>.enh-go,
[dir=rtl] #view .tw .sc-file .cl-x,
[dir=rtl] #view .tw .vz-srchead .cl-x,
[dir=rtl] #view .tw .ak-file .cl-x,
[dir=rtl] #view .tw details.zo-gelismis>summary::after,
[dir=rtl] #view .tw details.tw-detay>summary::after,
[dir=rtl] #view .tw details.tw-yardim>summary::after{margin-left:0;margin-right:auto}

/* ---- Küçük aralıklar ------------------------------------------------------ */
[dir=rtl] .z-orbit-card>.ui-icon:last-child{margin-left:0;margin-right:6px}
[dir=rtl] .z-mega-count span{margin-left:0;margin-right:10px}
[dir=rtl] .z-command-foot kbd{margin-left:0;margin-right:15px}
[dir=rtl] .z-mini-stack>.z-icon{margin-right:0;margin-left:-13px}
[dir=rtl] .z-mini-stack>span:last-child{margin-left:0;margin-right:28px}
[dir=rtl] .bgbar label{margin-right:0;margin-left:10px}
[dir=rtl] .bgbar .hint{margin-left:0;margin-right:10px}
[dir=rtl] .rsteps li span{margin-left:0;margin-right:8px}
[dir=rtl] .bcl span b{margin-left:0;margin-right:6px}
[dir=rtl] .tl-legend i{margin-right:0;margin-left:5px}
[dir=rtl] #view>h2.sec{margin-left:0;margin-right:-13px}

/* ---- Kenarlıklar ve iç boşluklar ----------------------------------------- */
[dir=rtl] .z-section-title>p{border-left:0;border-right:2px solid #52565d;padding-left:0;padding-right:20px}
[dir=rtl] .z-mega-feature{border-right:0;border-left:1px solid #353a43}
[dir=rtl] .z-legal ul,
[dir=rtl] .rsteps{padding-left:0;padding-right:20px}
[dir=rtl] #view .tw .ws-durum-ad{padding-left:0;padding-right:12px;border-left:0;border-right:1px solid var(--w-line-2)}
[dir=rtl] .bcl{border-left:0;border-right:3px solid transparent}
[dir=rtl] .bcl.okrow{border-right-color:var(--green)}
[dir=rtl] .bcl.warnrow{border-right-color:var(--warn)}
[dir=rtl] .bcl.errrow{border-right-color:var(--danger)}
[dir=rtl] #view .tw .pselect,
[dir=rtl] #view .tw select{padding-right:13px;padding-left:38px;background-position:left 13px center}

/* Kanıt kartları: ayraç çizgisi kartların arasında kalır. */
[dir=rtl] .z-proof-card{border-right:0;border-left:1px solid #303237}
[dir=rtl] .z-proof-card:first-child{padding-left:30px;padding-right:0}
[dir=rtl] .z-proof-card:last-child{border:0;padding-right:30px;padding-left:0}
[dir=rtl] .z-proof-index{right:auto;left:18px}

/* ---- Konumlanmış arayüz öğeleri ------------------------------------------ */
/* Öne çıkan kategori kartında görsel metnin karşı tarafına geçer. */
[dir=rtl] .z-category.featured>.z-category-art{right:auto;left:18px}
[dir=rtl] .z-filmline{right:auto;left:8px;direction:ltr}
[dir=rtl] .z-nav-close{right:auto;left:12px}
[dir=rtl] #view .tw .cl-x,
[dir=rtl] #view .tw .zo-dosya-kart .cl-x,
[dir=rtl] #view .tw .mp3-file .cl-x,
[dir=rtl] #view .tw #scStep2>.sc-file .cl-x{right:auto;left:10px}
[dir=rtl] #view .tw .sc-file .cl-x,
[dir=rtl] #view .tw .vz-srchead .cl-x,
[dir=rtl] #view .tw .ak-file .cl-x{left:auto}
[dir=rtl] .atth button{right:auto;left:2px}
[dir=rtl] .tw-ray li:after{right:auto;left:-40px}

/* Aç/kapa anahtarları: düğme sağdan başlar, sola kayar. */
[dir=rtl] .tgl i,
[dir=rtl] #view .tw .tgl i{left:auto;right:3px}
[dir=rtl] .tgl.on i,
[dir=rtl] #view .tw .tgl.on i{transform:translateX(-18px)}
[dir=rtl] #view .tw .vop-onay input[type=checkbox]::after,
[dir=rtl] #view .tw .tgl-row input[type=checkbox]::after{left:auto;right:3px}
[dir=rtl] #view .tw .vop-onay input[type=checkbox]:checked::after,
[dir=rtl] #view .tw .tgl-row input[type=checkbox]:checked::after{transform:translateX(-18px)}

/* ---- Metin hizası --------------------------------------------------------- */
[dir=rtl] .tw-tepe,
[dir=rtl] .codec,
[dir=rtl] .yt-item,
[dir=rtl] .ptpl,
[dir=rtl] .pcard,
[dir=rtl] .ptable th,
[dir=rtl] .vz-lrow,
[dir=rtl] .vz-compare,
[dir=rtl] .vz-resinfo,
[dir=rtl] .sc-stats,
[dir=rtl] .sc-note,
[dir=rtl] .ak-stats,
[dir=rtl] .ak-note,
[dir=rtl] .ak-pick,
[dir=rtl] .vop-rapor-bolum,
[dir=rtl] #view .tw .sc-stats,
[dir=rtl] #view .tw .vz-lrow,
[dir=rtl] #view .tw .vz-advbtn,
[dir=rtl] #view .tw .md-info,
[dir=rtl] #view .tw #vopOnizleme,
[dir=rtl] #view .tw #vopKarsilastir{text-align:right}
[dir=rtl] .an-row b,
[dir=rtl] .sb u,
[dir=rtl] .bcl i,
[dir=rtl] .pb-v,
[dir=rtl] .vz-lrow i,
[dir=rtl] .vz-cmpline b,
[dir=rtl] .vz-qst{text-align:left}
[dir=rtl] .set label b.v{float:left}

/* ---- Teknik değer metinleri (sayı + Latin birim) -------------------------
   "800×600", "5 KB • 800×600 • 0.48 MP • PNG", "-93.1%", "105 KB – 262 KB"
   gibi değerler sağdan sola satırda iki parçaya bölünüyordu: çarpı ve nokta
   iki sayı arasında kaldığı için Unicode bidi algoritması onları RTL sayıyor
   ve "800×600" ekranda "600×800" oluyordu; ölçünün başındaki "5" ise
   cümlenin öteki ucuna atılıyordu ("KB • 800×600 • 0.48 MP • PNG 5").
   Ölçü yanlış okunuyordu (20 Eylül 2026 taraması).

   ÇÖZÜM "plaintext": öğenin yönü İÇERİĞİNE bakılarak seçilir. İlk güçlü
   harf Arapçaysa öğe RTL kalır (hiçbir şey değişmez), yalnızca rakam ve
   Latin harf varsa soldan sağa yazılır. Bu yüzden Arapça değer taşıyan
   satırlar etkilenmez. Yerleşim, hizalama ve boşluklar aynı: değişen tek
   şey öğenin İÇİNDEKİ karakter sırası. */
[dir=rtl] #view .tw .ws-cip,
[dir=rtl] #view .tw .zo-olcu,
[dir=rtl] #view .tw .mf-txt span,
[dir=rtl] #view .tw .vf-cell b,
[dir=rtl] #view .tw .vop-renk b,
[dir=rtl] #view .tw .vop-renk span,
[dir=rtl] #view .tw .vop-hucre span,
[dir=rtl] #view .tw .renk-liste .renk-detay,
[dir=rtl] #view .tw .cutres b,
[dir=rtl] #view .tw .proj-row i,
[dir=rtl] #view .tw .sc-stats span,
[dir=rtl] #view .tw .ak-stats span,
[dir=rtl] #view .tw .vz-cmpline span,
[dir=rtl] #view .tw .an-row b,
[dir=rtl] #view .tw .pb-v,
[dir=rtl] #view .tw .set label b.v,
[dir=rtl] #view .tw .zo-olcum-once,
[dir=rtl] #view .tw .zo-olcum-sonra,
[dir=rtl] #view .tw .md-info b,
[dir=rtl] #view .tw .vz-srcgrid b,
[dir=rtl] #view .tw .vz-lrow b,
[dir=rtl] #view .tw .vz-summary b,
[dir=rtl] #view .tw .vz-cmpline b,
[dir=rtl] #view .tw .vz-saved b,
[dir=rtl] #view .tw .vz-done .md-name,
[dir=rtl] #view .tw .vz-rec b,
[dir=rtl] #view .tw .zo-sec span,
[dir=rtl] #view .tw .zo-kagit-ust span,
[dir=rtl] #view .tw .vop-alan-birim,
[dir=rtl] #view .tw .cl-times b,
[dir=rtl] #view .tw .sc-stats b,
[dir=rtl] #view .tw .ak-stats b,
[dir=rtl] #view .tw td,
[dir=rtl] #view .tw .zo-olcum-satir b{unicode-bidi:-webkit-plaintext;unicode-bidi:plaintext}

/* ---- Yönü dile göre değişmeyen bileşenler -------------------------------- */
[dir=rtl] .tl-bar,
[dir=rtl] .tl-scroll,
[dir=rtl] .es-view,
[dir=rtl] .tw pre,
[dir=rtl] .vz-log{direction:ltr}

/* ---- Duyarlı kırılımlar (site.css'teki medya kurallarının aynası) -------- */
@media(max-width:1150px){
  [dir=rtl] .z-proof-card:first-child{padding-left:22px}
  [dir=rtl] .z-proof-card:last-child{padding-right:22px}
}
@media(max-width:900px){
  [dir=rtl] .z-proof-card,
  [dir=rtl] .z-proof-card:first-child{padding:10px 0 10px 15px}
  [dir=rtl] .z-proof-card:last-child{padding:10px 0}
  [dir=rtl] .z-proof-index{left:10px}
  [dir=rtl] .z-category.featured>.z-category-art{left:auto}
  [dir=rtl] .tw-ray li:after{left:-28px}
  [dir=rtl] #view .tw .ws-durum-cipler{margin-right:0}
}
@media(max-width:600px){
  [dir=rtl] .z-mini-stack>.z-icon{margin-left:-12px}
  [dir=rtl] .z-mini-stack>span:last-child{margin-right:21px}
  [dir=rtl] .z-proof-card{border:0}
  [dir=rtl] .z-proof-card:nth-child(2){border-right:0;border-left:1px solid #33373d;padding-right:0!important;padding-left:18px!important}
  [dir=rtl] .z-proof-card:nth-child(3){padding-left:0!important;padding-right:23px!important}
  [dir=rtl] .z-proof-index{left:8px}
  [dir=rtl] .z-section-title>p{padding-right:14px}
  [dir=rtl] .z-footer-bottom>span:nth-child(2){text-align:left}
  [dir=rtl] .z-mobile-collections>a>.ui-icon:last-child{right:auto;left:12px;margin-right:0}
  [dir=rtl] #view .tw .ws-durum-ad{padding-right:0;border-right:0}
  [dir=rtl] #view .tw .ws-eylem>.enh-go{margin-right:0}
}