/* SAĞDAN SOLA (Arapça, /ar/) DÜZELTMELERİ — _source/build-diller.mjs yalnız
   dir="rtl" dillerin sayfalarına, <head>'in sonuna ekler.

   Sayfa gövdesi (hizmet sayfaları, kartlar, formlar) flex/grid ile kurulu ve
   dir="rtl" ile kendiliğinden aynalanıyor. Mutlak konumlu (cqw) bölümler
   aynalanmıyor: onlarda her öğenin `left` değeri `right`'a taşınıyor (ve
   tersi) — L'de duran W genişlikli öğe aynada sağdan L'de durur.
   Kurallar `html[dir="rtl"]` ile başlıyor ve satır içi stilleri ezmek için
   `!important`: DC çalışma zamanı sayfa stillerini <head>'e bu dosyadan SONRA
   ekliyor, satır içi cqw değerleri de var. */

/* BAŞLIK (masaüstü): logo sağda, teklif düğmesi ve dil seçici solda, telefon
   düğmenin yanında. Sekme şeridi (26,875–73,125cqw) zaten simetrik; içi
   sağdan sola akıyor, ilk sekme (Web Tasarım) en sağda. Logonun kendisi
   (simge + yazı) marka, aynalanmaz. */
html[dir="rtl"] .feels-header .feels-logo { left: auto !important; right: 8.33333cqw !important; }
html[dir="rtl"] .feels-header .ust-tel { right: auto !important; left: 19.16667cqw !important; }
html[dir="rtl"] .feels-header .ulas-btn { left: auto !important; right: 82.29167cqw !important; }
html[dir="rtl"] .feels-header .dil-sec { left: auto !important; right: 92.5cqw !important; }
html[dir="rtl"] .feels-header .dil-liste { right: auto; left: 0; }
/* Mobil (≤900px): şerit (.hdr-bar) flex, kendiliğinden aynalanıyor; başlığın
   kendi logosu ve menü düğmesi mutlak konumlu. */
@media (max-width: 900px) {
  html[dir="rtl"] .feels-header .feels-logo { left: auto !important; right: var(--hdr-gut) !important; }
  html[dir="rtl"] .feels-header .hdr-menu { right: auto !important; left: var(--hdr-gut) !important; }
  html[dir="rtl"] .feels-header .hdr-teklif { right: auto !important; left: calc(var(--hdr-gut) + var(--hdr-btn) + 10px) !important; }
}

/* Telefon numaraları: Arapça paragrafta "0850 441 92 31" rakam grupları ters
   diziliyor (31 92 441 0850). Numara kendi içinde soldan sağa, yalıtılmış. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .ust-tel span { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] a[href^="mailto:"] { unicode-bidi: isolate; }

/* ANASAYFA AÇILIŞI: yazı sağda, kupa solda (kupayı hero-trophy.js aynalıyor).
   Yazı bloğu (8,33cqw + 83,33cqw) simetrik; içindeki parçalar sağa yaslanıyor.
   Başlığın 3. satırındaki çizgi süsü satırın başında, yani sağda. */
html[dir="rtl"] #feels-hero-stage .hero-copy { direction: rtl; text-align: right; }
html[dir="rtl"] #feels-hero-stage .hero-eyebrow,
html[dir="rtl"] #feels-hero-stage .hero-cta-wrap,
html[dir="rtl"] #feels-hero-stage .hero-cta,
html[dir="rtl"] #feels-hero-stage .cta-label,
html[dir="rtl"] #feels-hero-stage .hero-lead { left: auto !important; right: 0 !important; }
html[dir="rtl"] #feels-hero-stage .hero-title { left: auto !important; right: -0.33cqw !important; }
html[dir="rtl"] #feels-hero-stage .cta-arrow-wrap { left: 0 !important; }
html[dir="rtl"] #feels-hero-stage .hero-title > .line3 { padding-left: 0 !important; padding-right: 3.3cqw !important; }
html[dir="rtl"] #feels-hero-stage .hero-title > .line3 > .tw:first-child { margin-right: 0 !important; margin-left: 1.4cqw !important; }
/* "Basılı tut" ipucu ve ses düğmesi kupanın altında: kupayla birlikte solda. */
html[dir="rtl"] #feels-hero-hint,
html[dir="rtl"] #feels-audio-btn { right: auto !important; left: 8.33333cqw !important; }
@media (max-width: 900px) {
  html[dir="rtl"] #feels-hero-stage .hero-copy { left: 6.5cqw !important; right: 6.5cqw !important; }
  html[dir="rtl"] #feels-hero-stage .hero-title > .line3 { padding-left: 0 !important; padding-right: .65em !important; }
  html[dir="rtl"] #feels-hero-stage .hero-title > .line3 > .tw:first-child { margin-right: 0 !important; margin-left: .27em !important; }
  html[dir="rtl"] #feels-hero-stage .cta-arrow-wrap { left: auto !important; }
  html[dir="rtl"] #feels-audio-btn { left: 6.5cqw !important; }
  html[dir="rtl"] #feels-hero-hint { left: calc(6.5cqw + 56px) !important; }
}

/* AÇILIŞ PERDESİ (yükleme ekranı): yüzde sağ üstte, hizmet adı sol altta
   duruyordu; aynada yüzde sol üstte, hizmet adı sağ altta. */
html[dir="rtl"] #feels-preloader .pre-pct { right: auto; left: clamp(24px, 3.9vw, 56px); }
html[dir="rtl"] #feels-preloader .pre-word { left: auto; right: clamp(24px, 3.9vw, 56px); line-height: 1.3; }
/* Latin için verilen .9 satır yüksekliğinde Arapça harflerin alt kuyrukları
   (ي ة ج) ekranın altında kesiliyordu. */

/* ALT BİLGİ: hizmet sütunları mutlak konumlu ve 19,17cqw genişlikte; "Kreatif"
   sütunu (50,4cqw'de başlıyor) formun (67,5cqw) 2cqw içine uzanıyor. Türkçede
   metin sola yaslı ve kısa olduğu için görünmüyordu; sağa yaslı Arapçada
   sütunun sağ kenarı formun düğmesinin üstüne biniyordu. Sütun daraltılıyor
   (en uzun satır "التصميم الإبداعي بالذكاء الاصطناعي" sığıyor). */
html[dir="rtl"] .feels-footer-root .ft-svc { width: 16.5cqw !important; }

/* Arapça bitişik yazılır: Latin başlıklar için verilen harf aralığı
   (letter-spacing, ör. "ORIGINAL · USER-CENTERED" etiketleri) Arapça
   kelimeleri dağıtıyordu. */
html[dir="rtl"] body * { letter-spacing: 0 !important; word-spacing: normal !important; }

/* Düğme okları metne doğru baksın (sağdan sola düzende sola). `scale`
   özelliği hover'daki `transform: translateX(...)` ile birlikte çalışır.
   Sınıf sınıf saymak yerine sitedeki sağ ok çizimleri yakalanıyor (aynı
   çizim hizmet, proje, haber, anasayfa ve alt bilgide tekrar ediyor). */
html[dir="rtl"] svg:has(> path[d="M13 6l6 6-6 6"]),
html[dir="rtl"] svg:has(> path[d="M12 5l7 7-7 7"]),
html[dir="rtl"] svg:has(> path[d^="M12.5 6.5L19 12"]),
html[dir="rtl"] svg:has(> path[d^="M16.5 12l-3.4-3.2"]),
html[dir="rtl"] .hdr-cta svg { scale: -1 1; }