/* ============================================================
   Prof. Dr. Akın Akakın — RTL Overrides (Arapça)
   ============================================================

   Bu dosya YALNIZCA Arapça sayfalarda yüklenir (bkz. includes/header.php).

   NEDEN BU KADAR KISA:
   style.css içindeki yön bağımlı özellikler mantıksal özelliklere
   (inset-inline-start/end, margin-inline) çevrildi. Tarayıcı bunları
   belgenin yönüne göre kendisi çözer. Bootstrap için de resmî RTL yapısı
   (bootstrap.rtl.min.css) yüklenir; ızgara, me-*/ms-* yardımcı sınıfları,
   açılır menüler ve akordeon böylece kendiliğinden döner.

   Geriye yalnızca mantıksal özelliklerle ifade EDİLEMEYEN şeyler kalır:
   transform yönü, yazı tipi ve satır aralığı, çift yönlü metin izolasyonu.
   ============================================================ */

/* ── Tipografi ──────────────────────────────────────────────
   Montserrat'ta Arapça glif yoktur; Cairo header.php'de yüklenir.
   Arapça harflerin üst/alt işaretleri Latin harflerden daha fazla dikey
   alan ister; 1.6 satır aralığı sıkışık görünür. */
[dir="rtl"] body {
  font-family: 'Cairo', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.9;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] .navbar-brand,
[dir="rtl"] .section-title,
[dir="rtl"] .card-title,
[dir="rtl"] .feature-title {
  font-family: 'Cairo', 'Montserrat', sans-serif;
  line-height: 1.5;
  /* Arapça bitişik bir yazıdır: harf aralığı açmak bağlantıları bozar. */
  letter-spacing: normal;
}

[dir="rtl"] .hero-desc,
[dir="rtl"] .section-subtitle,
[dir="rtl"] .card-text,
[dir="rtl"] .feature-text,
[dir="rtl"] .accordion-body,
[dir="rtl"] blockquote {
  line-height: 2;
}

/* ── Dönüşümler ─────────────────────────────────────────────
   transform mantıksal bir özellik değildir; X ekseni elle çevrilmelidir. */
[dir="rtl"] .page-hero::before {
  transform: translate(-30%, -30%);
}

/* ── Çift yönlü içerik ──────────────────────────────────────
   Telefon numarası, e-posta ve istatistikler LTR'dir. i18n.php içindeki
   ltr_isolate() bunları <bdi> ile sarar; burada da görsel hizalarını
   garanti altına alıyoruz ki "+90 551..." ters sırada görünmesin. */
[dir="rtl"] bdi,
[dir="rtl"] .stat-number,
[dir="rtl"] .hero-badge span,
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="number"] {
  direction: ltr;
  text-align: right;
  unicode-bidi: isolate;
}

/* Sayı + "+" işareti: 1700+ biçimi korunmalı */
[dir="rtl"] .stat-number,
[dir="rtl"] .stat-item .stat-number {
  direction: ltr;
  text-align: center;
  unicode-bidi: isolate;
}

/* Rakamların ortalandığı deneyim kutusu */
[dir="rtl"] .col-sm-4.text-center > div:first-child {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ── Form ───────────────────────────────────────────────────
   Bootstrap RTL, etiket ve alanları çevirir; yalnızca zorunlu alan
   yıldızının metne yapışmaması için küçük bir düzeltme gerekir. */
[dir="rtl"] .form-label .text-danger {
  margin-inline-start: .25rem;
}

[dir="rtl"] .form-check {
  padding-inline-start: 1.5em;
  padding-inline-end: 0;
}

[dir="rtl"] .form-check .form-check-input {
  float: right;
  margin-inline-start: -1.5em;
  margin-inline-end: 0;
}

/* ── Menü ───────────────────────────────────────────────────
   Bootstrap RTL açılır menüleri çevirir; dil seçicinin sağa hizası
   RTL'de sola dönmelidir (dropdown-menu-end mantıksaldır, teyit için). */
[dir="rtl"] .navbar-nav {
  padding-inline-start: 0;
}

[dir="rtl"] .navbar-main .navbar-brand span {
  display: block;
}

/* ── Ekmek kırıntısı ────────────────────────────────────────
   Bootstrap RTL ayırıcıyı çevirir, ancak "/" karakteri her iki yönde de
   aynı göründüğü için ek bir işlem gerekmez. Yön okları PHP tarafında
   dir_icon() ile aynalanır. */

/* ── Listeler ───────────────────────────────────────────────
   Madde işaretleri sağa geçmelidir; Bootstrap RTL bunu hallediyor,
   burada yalnızca özel list-unstyled kullanımları için güvence. */
[dir="rtl"] .footer-main ul,
[dir="rtl"] ul.list-unstyled {
  padding-inline-start: 0;
}

/* ── Sabit WhatsApp düğmesi ─────────────────────────────────
   style.css'te inset-inline-end kullanıldığı için otomatik olarak sola
   geçer. Sağ alt köşe Arapça sitelerde de yaygın bir yerleşim olduğundan
   burada sağda tutuyoruz; parmak erişimi yön değiştirmez. */
[dir="rtl"] .whatsapp-sticky {
  inset-inline-end: auto;
  right: 24px;
}

/* ── Tablolar ───────────────────────────────────────────────
   Eğitim ve kariyer tabloları: ilk sütun etiket, hizalama sağdan. */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
  text-align: right;
}

/* Tarih aralıkları LTR kalmalı (2002–2008 gibi) */
[dir="rtl"] .table td:first-child {
  unicode-bidi: isolate;
}