/* Ana sayfanin RTL duzeltmeleri.
 *
 * `home.css` neredeyse tumuyle yon bagimsiz: flex ve grid `direction`i
 * kendiliginden izliyor. Asagidakiler o kuralin disinda kalan 18 yon
 * bagimli bildirimin aynalanmis karsiligi.
 *
 * AYRI DOSYA, cunku `home.css`i mantiksal ozelliklere cevirmek Turkce
 * sayfanin her pikselini riske atardi; burasi yalnizca `dir="rtl"`
 * altinda yukleniyor ve LTR sayfaya hic dokunmuyor.
 */

/* Govde yazi tipi. Turkce sayfa kendi yigini kullaniyor. */
:root {
    --font-display: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}
body {
    font-family: 'Cairo', sans-serif;
}

/* --- Dekoratif isik lekeleri: aynalaniyor --- */
.hero::before { left: auto; right: -12%; }
.hero::after { right: auto; left: -14%; }
.closer::before { right: auto; left: -10%; }
.closer::after { left: auto; right: -12%; }

/* --- Kahraman --- */
.hero__title .accent { padding-right: 0; padding-left: 0.06em; }

/* Yuzen rozetler yer degistiriyor: seri solda, puan sagda kalirsa
   RTL duzende ikisi de yanlis kenara dusuyor. */
.float-chip--streak {
    left: auto;
    right: max(0.5rem, calc(50% - min(280px, 76vw) / 2 - 2rem));
}
.float-chip--xp {
    right: auto;
    left: max(0.5rem, calc(50% - min(280px, 76vw) / 2 - 2rem));
}

/* --- Kayan kelime seridi --- */
.ticker__group { padding-right: 0; padding-left: 2.5rem; }
/* Serit ceviri ile kayiyor; RTL'de ters yone akmasi icin yonu
   sabitliyoruz. Icerik Ingilizce kelime + Arapca karsilik cifti,
   yani okuma yonu zaten karisik; sabit LTR akis en okunakli olan. */
.ticker__row { direction: ltr; }
.ticker__item { direction: rtl; }

/* --- Ozellik izgarasi --- */
.index__item:hover { padding-left: 0; padding-right: 1rem; }
.index__icon { margin-right: 0; margin-left: 0.4rem; }

/* --- SSS --- */
.faq__q { text-align: right; }

/* --- Icerik tablolari --- */
.lesson-content td { text-align: right; }

/* --- Ingilizce parcalar --- */
/* Kelime karti, ornek cumle ve galeri alt yazilarindaki Ingilizce
   metin LTR kalmali: RTL govdede cumle sonundaki nokta basa kayar ve
   cumle ".I have a cat" diye okunur. Mobil tarafta ayni duzeltme. */
.card__word,
.card__example,
.ticker__en {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Marka adi: "English 3000" RTL govdede "3000 English" diye
   siralaniyordu -- sayi ile sozcuk yer degistiriyor. */
.wordmark {
    direction: ltr;
    unicode-bidi: isolate;
}