/**
 * RTL (sağdan sola) düzeltmeleri — Arapça sayfalarda yüklenir.
 * Ana tasarım sistemi (style.css) LTR mantığıyla yazıldığı için,
 * burada sadece yön bağımlı özellikler (flex-direction, text-align,
 * margin/padding yönleri, ok/ikon dönüşleri) tersine çevrilir.
 * Renk, tipografi, boşluk ölçüleri gibi yön bağımsız her şey aynı kalır.
 */

[dir="rtl"] body { text-align: right; }

[dir="rtl"] header nav { flex-direction: row-reverse; }
[dir="rtl"] .navlinks { flex-direction: row-reverse; }
[dir="rtl"] .lang-switch { margin-left: 0; margin-right: 18px; }
[dir="rtl"] .hero-actions,
[dir="rtl"] .cta-actions,
[dir="rtl"] .foot-links { flex-direction: row-reverse; }

[dir="rtl"] .breadcrumb { direction: rtl; }
[dir="rtl"] .pillar-row { flex-direction: row-reverse; }
[dir="rtl"] .feature-item,
[dir="rtl"] .testimonial-card .who,
[dir="rtl"] .step-card { text-align: right; }

[dir="rtl"] .scrolldown { right: auto; left: 32px; }
[dir="rtl"] .hero-panda { right: auto; left: 6%; }

[dir="rtl"] .marquee { direction: ltr; } /* Marka isimleri ve logolar orijinal akışında kalsın */

[dir="rtl"] .faq-q { flex-direction: row-reverse; }
[dir="rtl"] .pricing-card li::before,
[dir="rtl"] .checklist li::before { margin-right: 0; margin-left: 10px; }

@media (max-width: 860px) {
	[dir="rtl"] .lang-switch { right: auto; left: 70px; }
}

/* ---------------------------------------------------------------
* RTL yatay tasma duzeltmesi.
*
* WordPress'in ekran okuyucu metinleri (.screen-reader-text, .skip-link)
* varsayilan olarak "left: -10000px" ile ekran disina atilir. LTR'de bu
* zararsizdir; ancak RTL'de negatif sol konum sayfanin kaydirilabilir
* genisligini 10.000 px buyutur ve tarayici RTL'de sag kenardan basladigi
* icin gercek icerik gorunur alanin disinda kalir (sayfa bos gorunur).
*
* Cozum: konumlandirma yerine clip-path ile gizle; tasma olusmaz.
* Odaklandiginda (klavye ile) yine gorunur olur, erisilebilirlik korunur.
* --------------------------------------------------------------- */
.screen-reader-text:not(:focus):not(:focus-within) {
position: absolute !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}

/* Sepet cekmecesi RTL'de sag yerine sol taraftan girsin (tasma yapmasin) */
[dir="rtl"] .ts-minicart-panel {
right: auto;
left: 0;
transform: translateX(-100%);
}
[dir="rtl"] .ts-minicart-panel.is-open,
[dir="rtl"] .ts-minicart-panel.open {
transform: translateX(0);
}

/* Guvenlik agi: RTL'de yatay kaydirma olusmasin */
[dir="rtl"] html,
[dir="rtl"] body {
overflow-x: hidden;
max-width: 100%;
}


/* ---------------------------------------------------------------
   RTL LOGO / MARKA + LATIN PARCALARI
   Arapca sayfada "360 SOFT" gibi latin metinler RTL akista ters
   siralanabiliyordu ("SOFT 360"). Marka, telefon, e-posta ve
   kod/marka isimleri her zaman soldan saga akmali.
   --------------------------------------------------------------- */
[dir="rtl"] header .logo,
[dir="rtl"] .logo,
[dir="rtl"] .brand,
[dir="rtl"] .foot-brand,
[dir="rtl"] .lang-switch,
[dir="rtl"] .mnav-lang,
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .foot-contact-card span,
[dir="rtl"] code,
[dir="rtl"] pre {
	direction: ltr;
	unicode-bidi: isolate;
}

[dir="rtl"] header .logo,
[dir="rtl"] .logo,
[dir="rtl"] .brand {
	text-align: right;
}

/* Arapca metin icindeki latin kelimeler (SEO, ERP, CRM, WordPress...) */
[dir="rtl"] .article-body,
[dir="rtl"] .page-hero,
[dir="rtl"] .faq-item {
	unicode-bidi: plaintext;
}