/* =====================================================================
   PoyrazTechnology — rtl.css
   Yalnızca sağdan-sola (RTL) düzenlerde yüklenir (header.php → is_rtl()).
   style.css mantıksal özellikler (margin-inline, inset-inline, vb.)
   kullandığından kenar boşlukları, hizalama ve ok/şerit yönleri zaten
   otomatik döner. Bu dosya yalnızca mantıksal özelliklerle çözülemeyen
   FİZİKSEL ayrıntıları ele alır:
     • diyagonal hero "akış" motifinin aynalanması,
     • arka plan degrade konumlarının yön değiştirmesi,
     • Arapça için harf aralığı / büyük harf düzeltmeleri.
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* 1. Arapça tipografi                                                */
/*    Arapça'da harf aralığı (letter-spacing) bitişik harfleri bozar  */
/*    ve büyük harf (uppercase) etkisizdir. Bu yüzden etiket/eyebrow  */
/*    ve başlıklarda sıfırlanır.                                       */
/* ------------------------------------------------------------------ */
[dir="rtl"] .section__eyebrow,
[dir="rtl"] .hero__eyebrow,
[dir="rtl"] .office-card__type {
    letter-spacing: 0;
    text-transform: none;
}

[dir="rtl"] .hero__title,
[dir="rtl"] .section__title,
[dir="rtl"] .cta__title,
[dir="rtl"] .stat__value,
[dir="rtl"] .error-404__title,
[dir="rtl"] .error-404__code {
    letter-spacing: normal;
}

/* Gövde okunabilirliği için biraz daha açık satır yüksekliği */
[dir="rtl"] body,
[dir="rtl"] .hero__lead,
[dir="rtl"] .section__text {
    line-height: 1.8;
}

/* ------------------------------------------------------------------ */
/* 2. İmza "akış" çizgileri — kuzeydoğu motifini aynala               */
/*    LTR'de sol-alttan sağ-üste akar; RTL'de okuma yönüne uyacak     */
/*    biçimde yatay olarak aynalanır.                                 */
/* ------------------------------------------------------------------ */
[dir="rtl"] .hero__flow { transform: scaleX(-1); transform-origin: center; }

/* ------------------------------------------------------------------ */
/* 3. Arka plan degrade konumları (fiziksel yüzde değerleri)          */
/*    Sıcak "ember" parıltısı okuma yönünün başına (sağ) taşınır.     */
/* ------------------------------------------------------------------ */
[dir="rtl"] .hero {
    background:
        radial-gradient(1200px 520px at 15% -10%, rgba(227, 90, 43, 0.10), transparent 60%),
        linear-gradient(200deg, var(--color-primary) 0%, var(--color-dark) 100%);
}

[dir="rtl"] .cta__inner {
    background:
        radial-gradient(900px 400px at 0% 0%, rgba(227, 90, 43, 0.14), transparent 55%),
        linear-gradient(210deg, var(--color-primary), var(--color-dark));
}

[dir="rtl"] .error-404 {
    background:
        radial-gradient(900px 420px at 20% -10%, rgba(227, 90, 43, 0.10), transparent 60%),
        linear-gradient(200deg, var(--color-primary), var(--color-dark));
}

/* =====================================================================
   PART 02 — Ana sayfa bileşenleri için RTL düzeltmeleri (additive)
   ===================================================================== */

/* Arapça: yeni etiket/eyebrow'larda harf aralığı ve büyük harf sıfırlanır */
[dir="rtl"] .hero-slide__eyebrow,
[dir="rtl"] .promo__eyebrow,
[dir="rtl"] .cta__eyebrow,
[dir="rtl"] .fair-card__focus,
[dir="rtl"] .cta__contact-label {
    letter-spacing: 0;
    text-transform: none;
}
[dir="rtl"] .hero-slide__title,
[dir="rtl"] .promo__title { letter-spacing: normal; }

/* Eyebrow ember çizgisi ve hero karartma degradesi yön değiştirir */
[dir="rtl"] .hero-slide__eyebrow::before,
[dir="rtl"] .promo__eyebrow::before,
[dir="rtl"] .cta__eyebrow::before {
    background: linear-gradient(270deg, var(--color-accent), transparent);
}
[dir="rtl"] .hero-slide::after {
    background:
        linear-gradient(270deg, rgba(8,26,46,0.92) 0%, rgba(8,26,46,0.72) 45%, rgba(8,26,46,0.30) 100%),
        radial-gradient(900px 480px at 12% -10%, rgba(227,90,43,0.18), transparent 60%);
}

/* Slider okları: RTL'de "önceki" sağı, "sonraki" solu gösterir */
[dir="rtl"] .hero-slider__arrow--prev .hero-slider__arrow-icon { transform: none; }
[dir="rtl"] .hero-slider__arrow--next svg { transform: rotate(180deg); }

/* =====================================================================
   PART 03 — İÇ SAYFALAR: RTL (Arapça) düzeltmeleri
   ===================================================================== */

/* Breadcrumb ayırıcı ve ileri yön kart okları çevrimi */
[dir="rtl"] .breadcrumb__sep svg,
[dir="rtl"] .office-card__cta svg,
[dir="rtl"] .product-card__cta svg { transform: scaleX(-1); }

/* "Geri" oku: LTR'de 180° (sola); RTL'de düz (sağa) bakar */
[dir="rtl"] .pd-back__icon { transform: none; }

/* Accent buton hover kaydırması ters yöne */
[dir="rtl"] .btn--accent:hover svg { transform: translateX(-3px); }

/* CTA ortalı kalır; metin blokları mantıksal hizayı (sağ) izler */
[dir="rtl"] .page-cta__inner { text-align: center; }
[dir="rtl"] .page-hero__content,
[dir="rtl"] .section-title,
[dir="rtl"] .lead,
[dir="rtl"] .legal-section__text { text-align: right; }

/* Liste/iletişim ikon hizası (flex yön çevrimi otomatik; üst kenara hizala) */
[dir="rtl"] .contact-list__item,
[dir="rtl"] .pd-list li,
[dir="rtl"] .muted-note,
[dir="rtl"] .legal-updated { text-align: right; }

/* =====================================================================
   PART 04 — Form bileşenleri RTL
   ===================================================================== */
[dir="rtl"] .pt-field > label,
[dir="rtl"] .pt-form__section > legend,
[dir="rtl"] .pt-form-aside__title,
[dir="rtl"] .pt-field__counter { text-align: right; }
[dir="rtl"] .pt-field__counter { text-align: left; }

/* Açılır ok solda */
[dir="rtl"] .pt-field select {
    background-position: 20px 55%, 15px 55%;
    padding-right: 13px; padding-left: 38px;
}

/* Onaylar ve listelerde ikon sağda */
[dir="rtl"] .pt-check,
[dir="rtl"] .pt-contact-list li,
[dir="rtl"] .pt-adv-list li,
[dir="rtl"] .career-values li,
[dir="rtl"] .pt-note,
[dir="rtl"] .career-step { flex-direction: row-reverse; }

[dir="rtl"] .pt-form__summary { border-left: 1px solid var(--color-border-strong); border-right: 4px solid var(--color-accent-deep); }
[dir="rtl"] .pt-form__summary ul { padding-left: 0; padding-right: 18px; }
[dir="rtl"] .pt-note { border-left: 1px solid var(--color-border); border-right: 4px solid var(--color-accent); }

/* LTR içerik alanları (e-posta/telefon/URL) RTL sayfada soldan hizalı */
[dir="rtl"] .pt-field input[dir="ltr"],
[dir="rtl"] .pt-contact-list a[dir="ltr"] { text-align: left; direction: ltr; }

/* =====================================================================
   PART 06C-1 — Arapça (ar) RTL tamamlama (additive, !important'sız)
   style.css zaten body.is-rtl kuralları + mantıksal özellikler içerir
   (mobil menü inset-inline-end, ok scaleX(-1), slider). Aşağıdakiler
   yalnızca Arapça için kalan ayrıntıları ve LTR fragман izolasyonunu
   ele alır. Mevcut LTR görünümü etkilemez.
   ===================================================================== */

/* 1) Arapça tipografi — gövde satır yüksekliği zaten 1.8; başlık/etiket
      yoğunluğu (letter-spacing/uppercase) header & footer öğelerinde de sıfırlanır. */
[dir="rtl"] .main-nav__link,
[dir="rtl"] .mobile-menu__link,
[dir="rtl"] .site-footer__title,
[dir="rtl"] .lang-switch__code,
[dir="rtl"] .nav-toggle__label-open {
    letter-spacing: 0;
    text-transform: none;
}

/* 2) LTR fragман izolasyonu — telefon, e-posta, WhatsApp, URL ve <bdi>.
      dir="ltr" verilen bağlantı/span'ler RTL akışı içinde soldan-sağ ve
      yalıtılmış (unicode-bidi: isolate) gösterilir; rakam sırası ters dönmez. */
[dir="rtl"] a[dir="ltr"],
[dir="rtl"] span[dir="ltr"],
[dir="rtl"] bdi[dir="ltr"],
[dir="rtl"] bdi {
    direction: ltr;
    unicode-bidi: isolate;
}
/* İletişim listelerinde LTR bağlantı içeriği sağa hizalı kalsın (RTL kolon),
      ancak metin LTR aksın (yukarıdaki kural). */
[dir="rtl"] .site-header__actions a[dir="ltr"],
[dir="rtl"] .site-footer__contact-list a[dir="ltr"],
[dir="rtl"] .contact-list__item a[dir="ltr"] {
    text-align: inherit;
}

/* 3) Dil seçici açılır menüsü — başlangıç (sağ) kenara hizalanır. */
[dir="rtl"] .lang-switch__menu { inset-inline-end: 0; inset-inline-start: auto; text-align: right; }
[dir="rtl"] .lang-switch__option,
[dir="rtl"] .lang-switch__current { text-align: right; }

/* 4) Footer kolonları, listeler ve sosyal alan — başlangıç (sağ) hizası.
      flex/grid yönü style.css'te mantıksal olduğundan otomatik döner; bu
      yalnızca metin hizası güvencesidir. */
[dir="rtl"] .site-footer__col,
[dir="rtl"] .site-footer__title,
[dir="rtl"] .site-footer__list,
[dir="rtl"] .site-footer__about,
[dir="rtl"] .site-footer__contact-list,
[dir="rtl"] .site-footer__legal { text-align: right; }

/* 5) Yasal sayfa numaralı/madde listeleri — işaret başlangıç (sağ) tarafta. */
[dir="rtl"] .legal-section ol,
[dir="rtl"] .legal-section ul,
[dir="rtl"] .pd-list,
[dir="rtl"] .pt-adv-list { padding-inline-start: 1.4em; padding-inline-end: 0; }

/* 6) Slider göstergeleri (noktalar) ortalanmış; sıralama flex ile döner.
      Aktif/odak görünümü korunur. Otomatik geçiş ve prefers-reduced-motion
      style.css'te tanımlı — burada DEĞİŞTİRİLMEZ. */
[dir="rtl"] .hero-slider__dots { direction: rtl; }

/* 7) İstatistik, ofis/fuar kartları ve hizmet süreci — metin başlangıç hizası
      (ikon/sayaç yönü mantıksal flex ile döner). */
[dir="rtl"] .stat__label,
[dir="rtl"] .office-card__body,
[dir="rtl"] .fair-card__body,
[dir="rtl"] .service-process__step { text-align: right; }