/* ==========================================================================
   RTL duzeltmeleri — yalnizca Arapca (dir="rtl") yuklenir.
   Bootstrap'in RTL derlemesi izgara/aralik islerini halleder; burasi
   sfrk.css / skstyle.css / marka-tema.css / urun-detay.css icindeki
   yon bagimli ozel kurallari aynalar.
   head_ortak.php'de bu dosya TUM digerlerinden SONRA yuklenir.
   ========================================================================== */

/* --- Tipografi: Poppins'te Arapca glif yok ------------------------------- */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] button {
    font-family: 'Tajawal', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Urun kodu, fiyat, olcu gibi Latin/rakam alanlari LTR kalmali */
[dir="rtl"] .znUrunKod,
[dir="rtl"] .udKod,
[dir="rtl"] .headerKur,
[dir="rtl"] .headerKurDeger,
[dir="rtl"] .znUrunFiyat,
[dir="rtl"] .udFiyat,
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="number"] {
    direction: ltr;
    unicode-bidi: isolate;
}
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"] { text-align: right; }

/* --- Ust bilgi ----------------------------------------------------------- */
/* Arama kutusu ic bosluklari mantiksal ozelliklerle (padding-inline) yazildi; ek ayar gerekmez.
   Arapca sayfada Turkce/Latin urun adi (dir=auto) saga hizali kalsin; ok ve secim cizgisi aynalanir. */
[dir="rtl"] .aramaOneriAd { text-align: right; }
[dir="rtl"] .aramaOneriTumu .aramaOneriOk { transform: scaleX(-1); }
[dir="rtl"] .aramaOneriKutu #arama_sonuclari li a.secili { box-shadow: inset -2px 0 0 var(--zn-red); }
[dir="rtl"] .aramaOneriKutu { left: 0; right: 0; }
[dir="rtl"] .headerBottom .anaKategorilerMenusu i { margin-right: 0; margin-left: var(--zn-sp-2); }
[dir="rtl"] .znSepetSayac { right: auto; left: -3px; }
[dir="rtl"] .sepetBtn .znSepetSayac { right: auto; left: -3px; }

/* Dil secici stilleri marka-tema.css'e tasindi (her dilde gerekli). */

/* --- Mega menu ----------------------------------------------------------- */
[dir="rtl"] .znMegaAcici { text-align: right; }
[dir="rtl"] .znMegaAcici i { margin-right: 0; margin-left: var(--zn-sp-2); }
[dir="rtl"] .znMegaAcici::after { margin-left: 0; margin-right: auto; }
[dir="rtl"] .znMegaListe { border-right: 0; border-left: 1px solid var(--zn-200); }
[dir="rtl"] .znMegaListeOge > a { border-left: 0; border-right: 2px solid transparent; }
[dir="rtl"] .znMegaListeOge.aktif > a { border-left-color: transparent; border-right-color: var(--zn-red); }
/* Sag ok isareti RTL'de sola bakmali */
[dir="rtl"] .znMegaListeOge > a .fa-angle-right::before,
[dir="rtl"] .znMegaIcerikBaslik span .fa-angle-right::before { content: '\f104'; }
[dir="rtl"] .znMegaOnizlemeCta .fa-arrow-right::before { content: '\f060'; }
[dir="rtl"] .znMegaListeOge:hover > a .znMegaOk,
[dir="rtl"] .znMegaListeOge.aktif > a .znMegaOk { transform: translateX(-2px); }
[dir="rtl"] .znMegaAltBag:hover { padding-right: 18px; padding-left: 12px; }

@keyframes znMegaGirisRtl {
    from { opacity: .45; transform: translateX(-4px); }
    to   { opacity: 1;   transform: translateX(0); }
}
[dir="rtl"] .znMegaIcerik.aktif { animation-name: znMegaGirisRtl; }

/* --- Alt bilgi ----------------------------------------------------------- */
[dir="rtl"] .znFooterLinkler li a { transition: color var(--zn-t), padding-right var(--zn-t); }
[dir="rtl"] .znFooterLinkler li a::before { left: auto; right: 0; }
[dir="rtl"] .footer-bottom h5::after { left: auto; right: 0; }
[dir="rtl"] .znFooterLinkler li a:hover { padding-left: 0; padding-right: 18px; }
[dir="rtl"] .znFooterAltLinkler { margin-right: 0; margin-left: 250px; }
@media (max-width: 991px) {
    [dir="rtl"] .znFooterAltLinkler { margin-left: 0; }
}

/* --- Kenar cubugu (sidebar) --------------------------------------------- */
[dir="rtl"] .znYanArama { border-left: 1px solid var(--zn-200); border-right: 3px solid var(--zn-red); }
[dir="rtl"] .znYanAlt {
    margin: 0 16px 6px 0; padding-right: 2px; padding-left: 0;
    border-left: 0; border-right: 1px solid var(--zn-200);
}
[dir="rtl"] .znYanAlt a {
    margin-left: 0; margin-right: -1px;
    border-left: 0; border-right: 2px solid transparent;
}
[dir="rtl"] .znYanBaslik { text-align: right; }

/* --- Ekmek kirintisi ----------------------------------------------------- */
[dir="rtl"] .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: 0; }
[dir="rtl"] .breadcrumb .breadcrumb-item:first-child a::before { margin-right: 0; margin-left: 7px; }

/* --- Urun kartlari / listeler -------------------------------------------- */
[dir="rtl"] .homeImg .categoryLabel { text-align: right; }
[dir="rtl"] .homeImg .hizala:hover { margin-left: 0; margin-right: 0; }
[dir="rtl"] .znUrunEtiket,
[dir="rtl"] .znUrunRozet { left: auto; right: 10px; }

/* --- Sayfalama: chevron yonleri ------------------------------------------ */
[dir="rtl"] .znSayfalama .znSayfaOnceki,
[dir="rtl"] .znSayfalama .znSayfaSonraki { transform: scaleX(-1); }

/* --- Sabit butonlar (sepet / whatsapp / sohbet) -------------------------- */
[dir="rtl"] .sepetBtn { right: auto; left: 18px; }
[dir="rtl"] .wpButton  { right: auto; left: 5px; }
[dir="rtl"] #chat-box  { right: auto; left: -500px; transition: left .3s ease; }
[dir="rtl"] #chat-box.acik { left: 5px; }
[dir="rtl"] #chat-box:after {
    left: auto; right: 90%;
    border-right: 0; border-left: 25px solid #ece5dd;
}
[dir="rtl"] #chat-top-right { float: left; }
[dir="rtl"] #send-btn svg { transform: scaleX(-1); }

/* --- Mobil cekmece (drawer): saga kayar ---------------------------------- */
@media (max-width: 991px) {
    [dir="rtl"] .znDrawer {
        left: auto; right: 0;
        box-shadow: -8px 0 32px rgba(15, 20, 24, .18);
        transform: translateX(102%);
    }
    [dir="rtl"] .znDrawer.acik { transform: translateX(0); }
    [dir="rtl"] .znDrawerHizli .znSepetSayac { margin-left: 0; margin-right: auto; }
    [dir="rtl"] .znDrawerOge .alt > ul {
        margin-left: 0; margin-right: 4px;
        padding-left: 0; padding-right: 12px;
        border-left: 0; border-right: 2px solid var(--zn-100);
    }
    [dir="rtl"] .znDrawerOge .satir button { margin-left: 0; margin-right: auto; }
}

/* --- Sepet / form duzeni ------------------------------------------------- */
[dir="rtl"] .znSepetSatir,
[dir="rtl"] .znSepetOzet dt,
[dir="rtl"] .znSepetOzet dd { text-align: right; }
[dir="rtl"] .znSepetOzet dd { text-align: left; }
[dir="rtl"] .znAdetKutu { flex-direction: row-reverse; }

/* --- Urun detay galerisi ------------------------------------------------- */
[dir="rtl"] .udKucukler { direction: rtl; }
[dir="rtl"] .udOzellikler dt { text-align: right; }

/* --- Genel form/metin hizalama ------------------------------------------- */
[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] textarea { text-align: right; }
[dir="rtl"] .visually-hidden { right: auto; }