/* ==========================================================================
   RTL düzeltmeleri — Arapça / Farsça sayfalar
   ../css/style.css'ten SONRA yüklenir. Ana tasarım dosyası DEĞİŞTİRİLMEDİ;
   burada yalnızca yön (left/right, text-align, gradyan açıları) ve Arap
   alfabesi tipografisi düzeltilir. ar/rtl.css ile fa/rtl.css aynıdır.
   ========================================================================== */

/* --- 1. Arap / Fars alfabesi tipografisi -------------------------------- */
/* Playfair Display ve Poppins yalnızca latin + latin-ext aralığını kapsar,
   Arapça glifler zaten bir sonraki aileye düşer. Yedek zincir açıkça yazıldı
   ki her platformda okunaklı bir Nesih / Sans karşılığı bulunsun. Latin
   diziler (isim, telefon, IBAN) yine Poppins/Playfair ile çizilir. */
:root {
  --serif: "Playfair Display", "Noto Naskh Arabic", "Segoe UI", Tahoma, Georgia, serif;
  --sans:  "Poppins", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* Arap alfabesinde harf aralığı bitişik harfleri koparır ve büyük harf
   kavramı yoktur; ayrıca gövde yüksekliği daha fazla satır aralığı ister. */
h1, h2, h3, h4,
.eyebrow, .footer-col h4, .iban-box .label, .header-phone span,
.cert-card-label strong, .team-card-body strong,
.split-media .badge-card .label, .modal-box h3, .btn {
  letter-spacing: normal;
}
.eyebrow, .footer-col h4, .iban-box .label { text-transform: none; }

body { line-height: 1.8; }
h1 { line-height: 1.26; }
h2 { line-height: 1.32; }
h3 { line-height: 1.45; }
h4 { line-height: 1.5; }
/* nowrap Türkçe başlıklara göre ayarlanmıştı; Arapça/Farsça karşılıkları
   daha uzun olabildiği için sarmalama serbest bırakıldı. */
.trust-item strong { white-space: normal; line-height: 1.55; }

/* --- 2. Latin diziler: telefon, e-posta, IBAN --------------------------- */
/* RTL paragrafta "+90 533 141 76 05" gibi rakam grupları arasındaki boşluklar
   paragraf yönünü alır ve gruplar ters sıralanır ("05 76 141 533 90+").
   direction+isolate ile bu diziler kendi LTR adacığına alınır. */
[href^="tel:"]:not(.header-phone),
[href^="mailto:"],
.header-phone strong,
.iban-box .value {
  direction: ltr;
  unicode-bidi: isolate;
}
/* IBAN LTR okunur ama kutunun başlangıç (sağ) kenarına yaslanır */
.iban-box .value { text-align: right; }

/* --- 3. Başlık --------------------------------------------------------- */
.header-phone { text-align: left; }
.main-nav a::after { left: auto; right: 0; }

/* --- 4. Koyu zeminler: gradyanlar metnin yeni tarafına taşındı ---------- */
/* Metin artık sağda. Karartma solda kalırsa başlık fotoğrafın en açık
   bölgesine denk gelir ve kontrast AA'nın altına düşer. */
.hero::before {
  background:
    linear-gradient(248deg, rgba(6,21,39,0.88) 10%, rgba(6,21,39,0.62) 52%, rgba(6,21,39,0.22) 100%),
    linear-gradient(180deg, rgba(6,21,39,0.30) 0%, transparent 32%);
}
.page-banner::before {
  background: linear-gradient(242deg, rgba(6,21,39,0.90) 0%, rgba(6,21,39,0.58) 100%);
}
.section--navy::before {
  background: radial-gradient(85% 70% at 88% 0%, rgba(168,120,72,0.16), transparent 62%);
}
.cta-banner::before {
  background: radial-gradient(70% 130% at 0% 0%, rgba(168,120,72,0.30), transparent 58%);
}
.iban-box::before {
  background: radial-gradient(80% 120% at 0% 0%, rgba(168,120,72,0.22), transparent 60%);
}
.partner-hospital::before {
  background: radial-gradient(70% 120% at 100% 0%, rgba(168,120,72,0.20), transparent 60%);
}

/* --- 5. Güven şeridi, ikili sütun, adımlar ------------------------------ */
.trust-item + .trust-item::before { left: auto; right: -10px; }
/* yalnizca masaustu: dar ekranda rozet gorselin icine oturur (style.css) */
@media (min-width: 901px) { .split-media .badge-card { left: auto; right: -26px; } }
.step::before { left: auto; right: 0; }

/* Bağlantı okları ters yöne bakar ve hover'da ters yöne kayar */
.card-link svg { transform: scaleX(-1); }
.card-link:hover svg { transform: scaleX(-1) translateX(3px); }

/* --- 6. Sertifika galerisi --------------------------------------------- */
/* js/main.js okları scrollLeft'i 0..max arası pozitif sayar; RTL kaydırıcıda
   scrollLeft 0'dan negatife gider, bu yüzden "önceki" oku hep devre dışı
   kalır ve "sonraki" hiçbir şey yapmaz. main.js'e dokunamadığımız için
   kaydırıcının kendisi LTR bırakıldı: oklar, konumları ve kaydırma yönü
   birbiriyle tutarlı çalışır. Kart içi metin yeniden RTL'ye döner. */
.cert-scroll { direction: ltr; }
.cert-card-label { direction: rtl; }

/* --- 7. Yasal metin sayfası -------------------------------------------- */
.legal ul li { padding-left: 0; padding-right: 22px; }
.legal ul li::before { left: auto; right: 4px; }

/* --- 8. Modal ---------------------------------------------------------- */
.modal-close { right: auto; left: 18px; }
.modal-row .v { text-align: left; }

/* --- 9. Yüzen araç çubuğu ---------------------------------------------- */
/* WhatsApp + yukarı çık sol alta, dil seçici sağ alta taşındı. */
.float-wa    { right: auto; left: 24px; }
.to-top      { right: auto; left: 24px; }
.lang-switch { left: auto;  right: 24px; }
.lang-menu   { left: auto;  right: 0; }

@media (max-width: 620px) {
  .float-wa    { right: auto; left: 16px; }
  .to-top      { right: auto; left: 16px; }
  .lang-switch { left: auto;  right: 16px; }
  .modal-row .v { text-align: right; }
}
