/* ============================================================
   GreenArea — Arapça (sağdan sola) düzen düzeltmeleri

   style.css soldan sağa varsayımıyla yazıldı. Bu dosya yalnızca
   Arapça sayfalarda yüklenir ve yönle ilgili kuralları aynalar.
   ============================================================ */

[dir="rtl"] body {
  font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
  letter-spacing: 0;
  line-height: 1.35;
}

/* Menü: logo sağda, bağlantılar solda */
[dir="rtl"] .brand { margin-right: 0; margin-left: auto; }

/* Etiket satırındaki çizgi */
[dir="rtl"] .eyebrow { letter-spacing: 0; }

/* Hero perdesi: yazı sağda olduğu için degrade ters yönde */
[dir="rtl"] .hero-perde {
  background: linear-gradient(260deg,
    rgba(255,255,255,0.70) 0%,
    rgba(255,255,255,0.55) 45%,
    rgba(255,255,255,0.38) 100%) !important;
}

/* Hero videosu sol kenara yaslansın */
[dir="rtl"] .hero-video video { margin-left: 0; margin-right: auto; }

/* Hizmet kartlarındaki çapraz kesim aynalansın */
[dir="rtl"] .kart-govde {
  clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
}

/* Sicil kaydı satırları */
[dir="rtl"] .ledger-row dd { text-align: left; }
[dir="rtl"] .ledger { font-family: "IBM Plex Mono", monospace; }

/* Süreç adımlarındaki numaralar */
[dir="rtl"] .chain-step { grid-template-columns: 74px 1fr; }

/* Alt bilgi ve iletişim listesi */
[dir="rtl"] .contact-list span { letter-spacing: 0; }
[dir="rtl"] .foot-bottom { letter-spacing: 0; }

/* Latin harfli terimler (ISO, GOTS, CO₂e) satır içinde doğru aksın */
[dir="rtl"] .tag,
[dir="rtl"] .service-code,
[dir="rtl"] .chain-meta { unicode-bidi: plaintext; }

/* Butonlardaki ok yönü */
[dir="rtl"] .yuvarlak-ok svg { transform: scaleX(-1); }

/* Mono yazı tipi Arapça'da okunmadığı için etiketler normal yazıya döner */
[dir="rtl"] .ledger-head,
[dir="rtl"] .stat span { letter-spacing: 0.04em; }


/* ---------- Ekran dışına taşma düzeltmesi ----------
   style.css içinde gizli öğeler "left:-9999px" ile ekran dışına
   atılıyor. Sağdan sola düzende bu, sayfayı sola doğru genişletip
   görünümü boş bir alana kaydırıyor. RTL'de gizleme sağa alınmalı. */

[dir="rtl"] .skip {
  left: auto;
  right: -9999px;
}
[dir="rtl"] .skip:focus {
  right: 12px;
  left: auto;
}

/* Formdaki bot tuzağı da aynı sebeple sağa alınır */
[dir="rtl"] .bot-tuzagi {
  left: auto !important;
  right: -9999px !important;
}

/* Ek güvenlik: yatay taşma sayfayı kaydırmasın */
[dir="rtl"] body { overflow-x: hidden; }