/* ==========================================================================
   CosmoVerse — Arapça sürüm (RTL) katmanı
   Yalnızca /ar/ sayfalarında yüklenir. Türkçe sayfaların CSS'i değişmez;
   burada sadece yön ve yazı tipi kaynaklı düzeltmeler yapılır.
   ========================================================================== */

/* ---------- 1. Yazı tipi ----------
   Baloo 2 / Nunito dosyaları Türkçe alt kümesidir; Arapça glifi içermez.
   Sistem Arapça yazı tiplerine geçiyoruz — ek indirme yok, CSP değişmiyor. */
:root{
  --font-head:"Noto Kufi Arabic","Segoe UI","Tahoma","Geeza Pro","Arabic Typesetting",system-ui,sans-serif;
  --font-body:"Noto Sans Arabic","Segoe UI","Tahoma","Geeza Pro",system-ui,sans-serif;
}
body{letter-spacing:0}
h1,h2,h3,h4,.slide-title{letter-spacing:0;line-height:1.35}
.eyebrow{letter-spacing:.06em}
/* Arapçada büyük harf kavramı yok; TR'deki uppercase dönüşümleri kapanır */
.eyebrow,.tcell .t,.pkg-tag,.ms-cap,.updated{text-transform:none}

/* Rakam ve para birimi soldan sağa kalsın (₺249,99, 0212 993 72 00) */
.price .amount,.price-box .per,.tcell .n,.c-tel a,.contact a[href^="tel:"]{
  direction:ltr;unicode-bidi:embed;
}

/* ---------- 2. Kaydırılan slogan şeridi ----------
   Marka mottosu Arapça sayfada da İngilizce kalıyor; şerit bu yüzden
   Türkçe sürümdeki gibi soldan sağa akar (style.css kuralı geçerli). */
.slogan-bar,.marquee,.marquee-track,.marquee-item{direction:ltr}
.slogan-in{flex-direction:row-reverse}

/* ---------- 3. Hero sahnesi ---------- */
.hero-stage .mascot{left:auto;right:2%}
.hero-phone{justify-self:start;margin-right:0;margin-left:6%}
.phone-frame img{object-position:right top}
.float-chip.c1{left:auto;right:4%}
.float-chip.c2{right:auto;left:-2%}
.float-chip.c3{right:auto;left:6%}
.motto-mascot{right:auto;left:2%}
@media(max-width:900px){
  .hero-phone{margin-left:4%;margin-right:0}
  .float-chip.c1{right:0;left:auto}
  .float-chip.c2{left:-4%;right:auto}
}

/* ---------- 4. Yüzen WhatsApp düğmesi ---------- */
.wa-float{right:auto;left:16px}
@media(max-width:1024px){.wa-float{right:auto;left:14px}}
.wa-float:hover .wa-float-tx,.wa-float:focus-visible .wa-float-tx{margin:0 8px 0 6px}

/* ---------- 5. Slayt okları ---------- */
.hero-nav.prev svg,.hero-nav.next svg,.ms-nav.prev svg,.ms-nav.next svg{transform:scaleX(-1)}

/* ---------- 6. Metin hizası ---------- */
.hero .slide-copy,.slide-copy{text-align:right}
.sec-head.center,.sec-head.center .lede{text-align:center}
.doc-body ul,.doc ul,.refs li{padding-right:1.2rem;padding-left:0}
.doc-body th,.mod-table th,.cmp-table th,.cmp-row div{text-align:right}
.breadcrumb li+li::before{content:"‹"}

/* ---------- 7. Kenar vurguları ---------- */
.aside,.note,.callout{border-left:0;border-right:4px solid var(--gold-400)}
.rail-bar i{left:auto;right:0}

/* ---------- 8. Dil değiştirme düğmesi (iki sürümde de aynı) ---------- */
.lang-switch{direction:ltr}