/*
 * ar-overrides.css
 * Arapça (RTL) sayfalar için stil düzeltmeleri
 * Gerektiğinde projeye özgü class adlarını güncelleyin.
 */

/* ── Temel RTL ─────────────────────────────────────────── */
body {
  font-family: 'Noto Sans Arabic', sans-serif;
  direction: rtl;
  text-align: right;
}

/* ── Navigasyon / Header ────────────────────────────────── */
.navbar,
.nav,
header .container,
.header-inner {
  flex-direction: row-reverse;
}

.logo {
  margin-right: 0;
  margin-left: auto;
}

.nav-links,
.menu {
  margin-right: auto;
  margin-left: 0;
}

/* ── Liste öğeleri ─────────────────────────────────────── */
ul, ol {
  padding-right: 1.5rem;
  padding-left: 0;
}

/* ── İkonlar — sağda değil solda göster ────────────────── */
.icon-left  { margin-right: 0; margin-left: 0.5rem; }
.icon-right { margin-left:  0; margin-right: 0.5rem; }

/* ── Tablo hizalama ────────────────────────────────────── */
th, td {
  text-align: right;
}

/* ── Form alanları ─────────────────────────────────────── */
input, textarea, select {
  text-align: right;
}

/* ── Footer ────────────────────────────────────────────── */
footer .container,
.footer-inner {
  flex-direction: row-reverse;
}

/* ── Dil switcher — aktif link ─────────────────────────── */
.lang-switcher a.active {
  font-weight: 700;
}

/* ── RTL - flip için ok ikonları ─────────────────────────── */
.rtl-flip {
  transform: scaleX(-1);
}

/* ── Chart.js canvas RTL düzeltmesi ──────────────────────── */
/*
   Canvas elementi direction:rtl'yi tanımaz.
   Bu yüzden datalabels eklentisi etiket pozisyonlarını
   yanlış hesaplar ve sayılar kutucukların dışına kayar.
   Canvas'ı her zaman LTR olarak zorla.
*/
canvas {
  direction: ltr !important;
  unicode-bidi: embed !important;
}

/* ── Swiper butonları — TR/EN ile aynı konuma getir ─────── */
.swiper-button-prev.custom-nav,
.swiper-button-next.custom-nav {
  /* Kenar konumlarını sıfırla */
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-top: 0 !important;
}

/* Pagination satırını flex ile ortala, okları içine al */
.kicker-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  direction: ltr !important;
}