/* ============================================================================
   Arapça sayfalar için RTL katmanı.

   Ana stil dosyası (styles.css) olduğu gibi yükleniyor; burada yalnızca sağdan
   sola akışta yanlış tarafa düşen kurallar geri çevriliyor. Yerleşimin büyük
   bölümü flex/grid olduğu için `dir="rtl"` işin çoğunu kendisi hallediyor —
   aşağıdakiler tarama sonucu bulunan yön bağımlı kuralların karşılıkları.

   Her seçici `[dir="rtl"]` ile başlıyor, dolayısıyla bu dosya İngilizce
   sayfalara yüklense bile hiçbir şeyi etkilemez.
   ============================================================================ */

/* ── Arapça yazı tipleri ────────────────────────────────────────────────────
   Alt kümeler yalnızca Arap harflerini içeriyor: Latin karakterler (marka adı,
   "Google", "FDA", rakamlar) sıradaki Inter/Cormorant'a düşüyor. Karışık
   metinde her iki alfabe de kendi tasarımıyla çıkıyor.

   Eşleştirme: gövde Inter → IBM Plex Sans Arabic (aynı nötr grotesk duruş),
   başlıklar Cormorant Garamond → Amiri (klasik nesih, yüksek kontrast). */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-500-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-600-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/fonts/amiri-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('/fonts/amiri-700-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* `:root` ile aynı özgüllükte kalmamak için eleman adı da yazılı: styles.min.css
   bu dosyadan sonra yüklense bile değişkenler geçerli kalıyor. */
html[dir="rtl"] {
  --font-display: "Amiri", "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "IBM Plex Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Nesih harfler Latin'e göre daha kısa gövdeli ve daha yoğun; başlıklarda biraz
   nefes ve gövdede biraz fazladan satır aralığı olmadan sıkışık görünüyor. */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 { line-height: 1.35; }
[dir="rtl"] p,
[dir="rtl"] li { line-height: 1.95; }

/* Arapçada harfler bitişik yazıldığı için harf aralığı açmak kelimeyi bozar;
   ana stilde göz kırpması (eyebrow) ve rozetlerde kullanılan letter-spacing
   sıfırlanıyor. */
[dir="rtl"] .eyebrow,
[dir="rtl"] .dti-rev-eyebrow,
[dir="rtl"] .dti-rev-badge-platform,
[dir="rtl"] .press-label,
[dir="rtl"] .day-label,
[dir="rtl"] .btn { letter-spacing: 0; }

/* ── Başlık ve gezinme ─────────────────────────────────────────────────────── */
[dir="rtl"] .primary-nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .submenu { left: auto; right: -16px; }

/* ── Bölümler ──────────────────────────────────────────────────────────────── */
[dir="rtl"] .stat-card { text-align: right; }
[dir="rtl"] .callout { border-left: 0; border-right: 3px solid var(--c-primary-600); }
[dir="rtl"] .check-list li { padding-left: 0; padding-right: 32px; }
[dir="rtl"] .check-list li::before { left: auto; right: 0; }
[dir="rtl"] .clinic-cert-badge { left: auto; right: 20px; }
[dir="rtl"] .proc-row:hover { padding-left: 0; padding-right: 44px; }
[dir="rtl"] .day-panel-body { padding-right: 0; padding-left: 8px; }
[dir="rtl"] .blog-card-tag { left: auto; right: 14px; }

/* Basın şeridi: yalnızca logolardan oluşuyor, metin sırası taşımıyor. Kaydırma
   animasyonu translateX(-50%) ile soldan sola akıyor; şeridi LTR bırakmak
   animasyonu olduğu gibi koruyor, RTL'de ikinci bir @keyframes gerekmiyor. */
[dir="rtl"] .press-marquee,
[dir="rtl"] .press-track { direction: ltr; }

/* Yolculuk şeridi: dolgu sağ kenardan başladığı için renk geçişi de ters
   yönde ilerlemeli. Uçak ikonu RTL'de sola doğru uçuyor. */
[dir="rtl"] .journey-rail-fill { background: linear-gradient(to left, var(--c-primary-700), var(--c-primary-300)); }
[dir="rtl"] .journey-plane svg { transform: scaleX(-1); }

/* ── Yorumlar ──────────────────────────────────────────────────────────────── */
[dir="rtl"] .dti-rev-badge-body { text-align: right; }
/* "1 / 5" sayacı: eğik çizgi iki yönlü algoritmada yönsüz sayıldığı için iki
   sayı ters diziliyor ve ekranda "5 / 1" çıkıyordu. Kesir gibi soldan sağa. */
[dir="rtl"] .dti-rev-count { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .dti-rev-footer-prefix { margin-right: 0; margin-left: 1px; }
/* Yıldızlar ve Google harf dizisi sabit sıralı görsel öğeler. */
[dir="rtl"] .dti-rev-stars,
[dir="rtl"] .dti-rev-badge-stars,
[dir="rtl"] .dti-rev-wordmark-google,
[dir="rtl"] .rb-brand,
[dir="rtl"] .rb-stars { direction: ltr; unicode-bidi: isolate; }

/* Kartlar satıra sığıp kaydırma gerekmediğinde oklar ve sayaç gizleniyor.
   `.dti-rev-controls` display:flex taşıdığı için tarayıcının [hidden] kuralı
   tek başına yetmiyor, açıkça geçersiz kılınıyor. */
.dti-rev-controls[hidden] { display: none; }
/* Aynı durumda kartlar ortalanıyor: sola yaslı kalınca satırın bir ucunda
   boşluk kalıyordu. Yalnızca taşma yokken uygulandığı için kaydırmayı bozmaz. */
.dti-rev-grid--sigiyor { justify-content: center; }

/* ── Yüzen düğmeler ve pencere ─────────────────────────────────────────────── */
[dir="rtl"] .fab-stack { right: auto; left: 28px; }
[dir="rtl"] .modal-close { right: auto; left: 14px; }
[dir="rtl"] .cert-modal-close { right: auto; left: -16px; }
[dir="rtl"] .phone-row select,
[dir="rtl"] .svc-form .phone-row select,
[dir="rtl"] .page-contact-form .phone-row select { padding-right: 12px; padding-left: 6px; }

/* Arapça cümle içinde geçen Latin terim: kendi yönünde, bölünmeden dizilsin.
   Parantez ve tire iki yönlü algoritmada yönsüz sayıldığı için yalıtımsız
   bırakıldığında satır sonunda "(Non-" / "Touch)" diye ayrılıyordu. */
.ltr-term { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }

/* Uzun Latin öbek (makale başlığı gibi): kendi yönünde dizilsin ama satır
   sonunda bölünebilsin — nowrap verilirse satırdan taşıyor. Yalıtım olmadan
   başı ve sonundaki tırnaklar öbekten kopup Arapça akışın içine dağılıyordu. */
.ltr-phrase { direction: ltr; unicode-bidi: isolate; }

/* Tümüyle Latin harfli blok (adres gibi): kendi yönünde dizilsin ama sütunun
   sağ hizasını korusun. */
[dir="rtl"] .ltr-block { direction: ltr; unicode-bidi: isolate; text-align: right; }

/* Telefon numaraları ve e-posta adresleri her zaman soldan sağa okunur. */
[dir="rtl"] .office-phone,
[dir="rtl"] .ig-handle,
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"] { direction: ltr; text-align: right; unicode-bidi: isolate; }

/* ── Hizmet sayfaları (page-penile-implant.css) ───────────────────────────── */
/* Kırıntı yolundaki ok RTL'de sola bakar. */
[dir="rtl"] .breadcrumb-sep svg { transform: scaleX(-1); }

/* Görsel karşı kenara yaslanıyor, metin yanından akıyor. */
[dir="rtl"] .svc-overview-flow .svc-image,
[dir="rtl"] .itype-panels .itype-panel-img { float: left; margin-left: 0; margin-right: 52px; }

/* Kanıt alıntısı ve kaynak etiketi. */
[dir="rtl"] .evi-quote {
  border-left: 0;
  border-right: 3px solid var(--c-primary-700);
  border-radius: 4px 0 0 4px;
}
[dir="rtl"] .ref-src { margin: 0 .3em 0 .35em; }
[dir="rtl"] .ref-src a::before { margin-right: 0; margin-left: 2px; }

/* Rakam şeridi: ayırıcı çizgi karşı kenara geçiyor. */
[dir="rtl"] .fact-card--wide li { border-right: 0; border-left: 1px solid var(--c-line); }
[dir="rtl"] .fact-card--wide li:first-child { padding-left: 26px; padding-right: 0; }
[dir="rtl"] .fact-card--wide li:last-child { border-left: 0; padding-left: 0; padding-right: 26px; }

/* Büyütülmüş görsel penceresinin kapatma düğmesi. */
[dir="rtl"] .pi-ba-modal-close { right: auto; left: 22px; }

/* ── Ölçü tahmin aracı (size-estimator.css) ───────────────────────────────── */
[dir="rtl"] .pi-calc-howto,
[dir="rtl"] .pi-calc-note {
  border-left: 0;
  border-right: 3px solid var(--pc-tan);
  border-radius: 8px 0 0 8px;
}
[dir="rtl"] .pi-calc-howto-list li { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .pi-calc-howto-list li::before { left: auto; right: 4px; }
[dir="rtl"] .pi-calc-barvalue { text-align: left; }

/* Arapça bitişik yazıldığı için harf aralığı kelimeyi bozuyor; araçtaki
   versal etiketlerde sıfırlanıyor. */
[dir="rtl"] .pi-calc-toplabel,
[dir="rtl"] .pi-calc-stepcount,
[dir="rtl"] .pi-calc-howto-title,
[dir="rtl"] .pi-calc-sectiontitle,
[dir="rtl"] .pi-calc-resultlabel,
[dir="rtl"] .pi-calc button.pi-calc-next,
[dir="rtl"] .pi-calc-back,
[dir="rtl"] .pi-calc-reset,
[dir="rtl"] .pi-calc-cta,
[dir="rtl"] .fact-card-title,
[dir="rtl"] .pi-ba-overlay { letter-spacing: 0; }

/* Ölçü girişi her zaman soldan sağa; kutu sağa hizalı kalıyor ki imleç metnin
   başında dursun. Sonuç değerleri ("17.3 سم") artık Arapça birim taşıdığı için
   yöne zorlanmıyor: doğal RTL akışında sayı sağda, birim solunda diziliyor. */
[dir="rtl"] .pi-calc-input { direction: ltr; text-align: right; }

/* Şema çizimi ölçü aletli teknik bir görsel: koordinatları ve ok yönleri
   soldan sağa kurgulanmış, aynalanırsa cetvel ters okunur. Kutu içinde LTR
   bırakılıyor, yalnızca üzerindeki Arapça etiketler kendi yönünde diziliyor. */
[dir="rtl"] .pi-calc-figure { direction: ltr; }

/* ── Dar ekran ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  [dir="rtl"] .day-panel-body { padding-left: 0; }
}
@media (max-width: 720px) {
  [dir="rtl"] .proc-row:hover { padding-right: 24px; }
  [dir="rtl"] .mobile-toggle { margin-left: 0; margin-right: auto; }
  [dir="rtl"] .mob-bar-btn { border-right: 0; border-left: 1px solid rgba(255,255,255,0.08); }
  [dir="rtl"] .mob-bar-btn:last-child { border-left: none; }
}

/* ── Dil değiştirici ───────────────────────────────────────────────────────
   Bileşenin kendisi styles.css'te: İngilizce sayfada da kullanılıyor ve bu
   dosya yalnızca Arapça sayfaya yükleniyor. Ölçüler mantıksal özelliklerle
   yazıldığı için yerleşim RTL'e kendiliğinden uyuyor; burada yalnızca
   yukarıdaki `.mobile-toggle` çevirisinin bu bileşeni ezmesi engelleniyor. */
@media (max-width: 720px) {
  /* styles.css'teki `.lang-switch + .mobile-toggle` kuralıyla aynı
     özgüllükte; bu dosya sonra yüklendiği için `margin-right: auto` geri
     geliyordu ve hamburger yeniden uca kaçıyordu. */
  [dir="rtl"] .lang-switch + .mobile-toggle { margin-right: 0; }
}