/* ======================================================== CamGuard AI — RTL duzeltmeleri (ar, fa) Yalnizca dir="rtl" sayfalarda yuklenir. style.css'e DOKUNULMAZ. NOT: verildiginde tarayici flexbox/grid satir yonunu ve varsayilan text-align'i ZATEN cevirir. Bu yuzden burada `flex-direction: row-reverse` gibi kurallar YOKTUR — onlar ikinci bir cevirme yapip duzeni geri bozardi. Burada sadece style.css'te FIZIKSEL (left/right) yazilmis, yani otomatik cevrilmeyen kurallar duzeltilir. ======================================================== */ /* --- Mutlak konumlu ogeler --- */ /* .step-num { right: 16px } */ [dir="rtl"] .step-num { right: auto; left: 16px; } /* .faq-item summary::after { right: 22px } — +/- isareti */ [dir="rtl"] .faq-item summary { padding-right: 0; padding-left: 44px; } [dir="rtl"] .faq-item summary::after { right: auto; left: 22px; } /* Ekran okuyucu atlama linki ve bot tuzagi: RTL'de -9999px saga tasar, yatay kaydirma cubugu olusur. Karsi yona gonderilir. */ [dir="rtl"] .skip-link { left: auto; right: -9999px; } [dir="rtl"] .skip-link:focus { right: 0; left: auto; } [dir="rtl"] .hp-field { left: auto !important; right: -9999px !important; } /* --- Asimetrik kenarliklar --- */ /* .lede-box { border-left: 4px solid var(--red) } */ [dir="rtl"] .lede-box { border-left: 1px solid var(--border); border-right: 4px solid var(--red); } /* --- Bosluklar --- */ /* .prose ul, .prose ol { margin: 0 0 20px 22px } */ [dir="rtl"] .prose ul, [dir="rtl"] .prose ol { margin: 0 22px 20px 0; } /* --- Tablo --- */ /* .cmp-table th, td { text-align: left } */ [dir="rtl"] .cmp-table th, [dir="rtl"] .cmp-table td { text-align: right; } /* --- Dil secici acilir listesi --- */ /* .lang-menu { right: 0 } — RTL'de sola yaslanmali */ [dir="rtl"] .lang-menu { right: auto; left: 0; } /* --- Yon bildiren ikonlar --- */ /* Ileri oku RTL'de sola bakmali; asagi/yukari oklar aynalanmaz. */ [dir="rtl"] .btn-primary .fa-arrow-right, [dir="rtl"] .btn-ghost .fa-arrow-right, [dir="rtl"] .card-link .fa-arrow-right, [dir="rtl"] .section-cta .fa-arrow-right, [dir="rtl"] .step-arrow .fa-chevron-right { transform: scaleX(-1); } /* --- Iki yonlu metin (bidi) --- */ /* Rakamlar, telefon, e-posta ve alan adi her zaman LTR okunur. `unicode-bidi: embed` olmadan "+90 555..." tersten dizilir. */ [dir="rtl"] .stat-num, [dir="rtl"] .step-num, [dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"], [dir="rtl"] .cta-domain { direction: ltr; unicode-bidi: embed; } /* Yalniz butonlarin icerigi LTR olur, hizalamalari bozulmaz */ [dir="rtl"] a.btn-ghost[href^="tel:"], [dir="rtl"] a.btn-ghost[href^="mailto:"] { justify-content: center; }