/* =====================================================================
   FMS Yemek — Arapça (AR / RTL) tipografi ve ince ayarlar
   ---------------------------------------------------------------------
   Sadece /ar/ sayfalarında; bootstrap.rtl.min.css + style.rtl.css'ten
   SONRA yüklenir. Cairo, Arapça + Latin karakterleri destekler.
   ===================================================================== */

/* Tüm font değişkenlerini Cairo'ya çevir — yeni tasarım sınıfları
   var(--rd-font-head/body) kullandığı için tek noktadan yönetilir. */
:root {
    --bs-body-font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
    --rd-font-head: "Cairo", "Segoe UI", Tahoma, sans-serif;
    --rd-font-body: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

body {
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

/* Eski bileşenlerde açıkça font atayan seçiciler için güvence */
h1, h2, h3, h4, h5, h6,
.navbar-brand, .nav-link, .dropdown-item, .btn,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.section-title, .page-title, .footer-title, .nav-cta {
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

/* Arapça'da başlıklar biraz daha az sıkışık dursun */
h1, h2, h3, .hero__title, .about__title, .svc__title, .certs__title, .testi__title,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    line-height: 1.35;
    letter-spacing: 0;
}

/* Yön okları (ileri = sola) — RTL'de görsel olarak çevir.
   Eski buton oku + yeni tasarımdaki inline SVG oklar. */
.btn-arrow { transform: scaleX(-1); }
.btn:hover .btn-arrow { transform: scaleX(-1) translateX(5px); }
.btn-accent svg, .btn-dark svg { transform: scaleX(-1); }

/* Telefon numaraları RTL'de bölünüp ters sıralanmasın — LTR izole et. */
a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }
.topbar-loc { direction: ltr; }

/* Lightbox: rtlcss prev/next konumunu çevirir; ok SVG'lerini de çevir ki
   yön doğru olsun (RTL'de "ileri" sola). */
.lb__prev svg, .lb__next svg { transform: scaleX(-1); }