/* ===== CaloriPanda AR — RTL + Arapça tipografi (styles.css'ten SONRA yüklenir) ===== */

/* Arapça gövde fontu + daha geniş satır yüksekliği (Arapça harf yapısı için) */
body{font-family:'IBM Plex Sans Arabic',var(--font);line-height:1.75}
h1,h2,h3{letter-spacing:0;line-height:1.35}
h1{font-size:clamp(34px,5.6vw,64px)}
.eyebrow,.kicker,.wg figcaption,.dcard h3,.sync-lab,.footer-cols h4{letter-spacing:.02em}

/* hero döngüsü: Arapça iki satır daha yüksek yer kaplar */
.hero-cycle{min-height:3em}

/* marka adı Latin kalır */
.brand-name{direction:ltr}

/* fiziksel yön düzeltmeleri (styles.css left/right kullanan yerler) */
.nav-links{margin-left:0;margin-inline-start:auto}
.ticks li{padding-left:0;padding-inline-start:34px}
.ticks li::before{left:auto;inset-inline-start:0}
.faq-item summary{text-align:start}

@media (max-width:900px){
  .nav-toggle{margin-left:0;margin-inline-start:auto}
}

/* ===== /ar/calories/ (kac-kalori) sayfaları — RTL ince ayar (kk.css fiziksel yön) ===== */
/* kk.css: hücreler text-align:right (RTL'de başlangıç=sağ ✓); first-child left → sağa çevir */
.kk-table th:first-child,.kk-table td:first-child{text-align:right}
/* chip içi kcal ayracı: mantıksal başlangıç kenarı */
.kk-chip .kcal{margin-left:0;margin-inline-start:6px}
/* breadcrumb ayracı › RTL'de sola baksın */
.kk-crumbs .sep{display:inline-block;transform:scaleX(-1)}

/* ===== hesaplayıcı sayfaları (/ar/*-calculator/) — RTL ince ayar (calc.css fiziksel yön) ===== */
/* select chevron: RTL'de sola geçsin + iç boşluk mantıksal başlangıç kenarına.
   [dir="rtl"] ile spesifiklik artırıldı → calc.css rtl.css'ten SONRA yüklense de kazanır. */
[dir="rtl"] select.calc-input{background-position:left 14px center;padding-left:40px;padding-right:14px}