/* ============================================================
   RTL (sagdan sola) duzeltmeleri — sadece ar/fa/he/ur dillerinde yuklenir.
   index.php icindeki $rtl_mi kontrolu ile <html dir="rtl" class="rtl"> olur.
   ============================================================ */

/* ---------- 1) Temel yon ve hizalama ---------- */
html[dir="rtl"] body {
    text-align: right;
}

/* ---------- 2) LATIN ICERIGI IZOLE ET (en kritik kisim) ----------
   Telefon, e-posta, adres gibi Latin/rakam iceren metinler RTL akista
   Unicode bidi algoritmasi tarafindan ters siralaniyordu.
   'direction: ltr' + 'unicode-bidi: isolate' bunlari kendi icinde
   soldan-saga akitir, cevresindeki Arapca metni bozmadan.              */
/* NOT: tema CSS'i cok spesifik seciciler kullandigi icin bu bidi kurallarinda
   !important zorunlu — aksi halde 'direction' geri rtl'e donuyor. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] .call-number,
html[dir="rtl"] .footer-contact .number,
html[dir="rtl"] .footer-contact .mail,
html[dir="rtl"] .ltr {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

/* Adres satirlari: Turkce/Latin metin, LTR akmali ama saga hizali dursun */
html[dir="rtl"] .side-menu-list li,
html[dir="rtl"] .footer-list-contact li {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

/* Telefon blogu: dis kap RTL (ikon sagda), ic metinler kendi yonunde */
html[dir="rtl"] .header-contact {
    direction: rtl !important;
}
html[dir="rtl"] .header-contact .call-text {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    display: block;
    text-align: right !important;
}
html[dir="rtl"] .header-contact .call-number {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: block;
    text-align: right !important;
}

/* ---------- 3) Header ---------- */
/* Flexbox dir="rtl" ile zaten aynalaniyor; sadece bosluk/ikon duzeltmeleri */
html[dir="rtl"] .header .primary-header-inner .header-menu-wrap ul li {
    margin-left: 0;
}

/* Acilir menuler saga hizalansin */
html[dir="rtl"] .header .primary-header-inner .header-menu-wrap ul li ul {
    left: auto;
    right: 0;
    text-align: right;
}

/* Menu ok ikonlari */
html[dir="rtl"] .menu-item-has-children > a::after {
    margin-right: 6px;
    margin-left: 0;
}

/* Dil secici menusu sola acilsin (saga tasmasin) */
html[dir="rtl"] .dil-secici-menu {
    right: auto;
    left: 0;
}
html[dir="rtl"] .dil-secici {
    margin-left: 0;
    margin-right: 15px;
}

/* ---------- 4) Footer ---------- */
html[dir="rtl"] .footer-widget,
html[dir="rtl"] .footer-list,
html[dir="rtl"] .footer-widget .title {
    text-align: right;
}

html[dir="rtl"] .footer-list li a {
    direction: rtl;
    unicode-bidi: isolate;
}

/* Footer alt bar: telif + linkler */
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-bottom-content {
    text-align: right;
}

/* ---------- 5) Yon iceren ikonlar (ok isaretleri) ---------- */
html[dir="rtl"] .tl-primary-btn .icon i,
html[dir="rtl"] .about-btn .icon i,
html[dir="rtl"] .antra-btn .icon i {
    transform: scaleX(-1);
}

/* ---------- 6) Liste ve metin bloklari ---------- */
html[dir="rtl"] .section-heading,
html[dir="rtl"] .section-title,
html[dir="rtl"] .sub-heading,
html[dir="rtl"] .about-content,
html[dir="rtl"] .service-content {
    text-align: right;
}

/* Ortalanmis basliklar ortada kalsin */
html[dir="rtl"] .section-heading.text-center,
html[dir="rtl"] .text-center,
html[dir="rtl"] .text-center .section-title,
html[dir="rtl"] .text-center .sub-heading {
    text-align: center;
}

/* ---------- 7) Slider / Swiper ----------
   Swiper LTR mantigiyla calisir; icerigi saga hizalayip
   kaydirma yonunu bozmamak icin sadece metin hizasi degistirilir. */
html[dir="rtl"] .slider-content,
html[dir="rtl"] .slider-content-wrap {
    text-align: right;
}

/* ---------- 8) Kategori/urun kartlari ---------- */
html[dir="rtl"] .team-content,
html[dir="rtl"] .blog-content,
html[dir="rtl"] .project-content {
    text-align: right;
}
