/* ═══════════════════════════════════════════════════════════
   RTL KATMANI — yalnızca dir="rtl" olan dillerde yüklenir
   (bkz. inc/head.php). style.css'ten SONRA gelir.

   Düzenin büyük kısmı flexbox/grid olduğu için dir="rtl" ile
   kendiliğinden aynalanıyor. Burada yalnızca mutlak konumlu
   ve yön bağımlı kalan kurallar çevriliyor.
   ═══════════════════════════════════════════════════════════ */

/* ── Tipografi: Arapça için Cairo ───────────────────────── */
body {
    font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Cairo'nun x-height'ı Inter'den yüksek; başlıklarda harf aralığını
   sıkıştıran negatif letter-spacing Arapça'da harfleri birbirine
   yapıştırıyor — sıfırlıyoruz. */
h1, h2, h3, h4,
.section-title,
.hero h1,
.logistics-main-title,
.hero-stat-value,
.ribbon-stat-num {
    letter-spacing: 0;
}

/* Arapça'da büyük harf kavramı yok; uppercase dönüşümü
   görsel olarak etkisiz ama letter-spacing'i bozuyor. */
.section-label,
nav a,
.btn-primary,
.btn-secondary,
.header-cta,
.transport-incoterms span {
    text-transform: none;
    letter-spacing: 0.02em;
}

/* ── Latin kod/standart parçaları (API 5L, AWWA C200, +966) ──
   Arapça metin içinde soldan sağa okunmalı, yoksa noktalama
   ve tire yanlış tarafa kayıyor. */
.ltr {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* ── Scroll progress: sağdan dolsun ─────────────────────── */
.scroll-progress {
    left: auto;
    right: 0;
}

/* ── Menü alt çizgisi ───────────────────────────────────── */
nav a::after {
    left: auto;
    right: 0;
}

/* ── Mobil form kapatma butonu ──────────────────────────── */
.form-close {
    right: auto;
    left: 20px;
}

/* ── Incoterms listesi ──────────────────────────────────── */
.incoterms-list {
    padding-right: 0;
    padding-left: 2px;
}
.incoterm-item:hover {
    transform: translateX(-4px);
}
.incoterm-desc {
    margin-left: 0;
    margin-right: auto;
}

/* ── Taşıma kartı ikon rozeti ───────────────────────────── */
.transport-icon-badge {
    left: auto;
    right: 20px;
}
.transport-incoterms strong {
    margin-left: 0;
    margin-right: 4px;
}

/* ── Lojistik hub listesi ───────────────────────────────── */
.hub-details ul {
    padding-left: 0;
    padding-right: 0;
}

/* ── Footer başlık altı çizgisi ─────────────────────────── */
.footer-grid-col h3::after {
    left: auto;
    right: 0;
}

/* ── Dekoratif ışık lekeleri: kompozisyon dengesi için aynala ── */
.hero-glow          { right: auto; left: -10%; }
.hero-glow-2        { left: auto;  right: -5%; }
.contact-info::before        { right: auto; left: -50px; }
.logistics-solutions::before { left: auto;  right: -10%; }
.logistics-solutions::after  { right: auto; left: -10%; }

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

/* E-posta ve telefon: içerik Latin/rakam olduğu için yazılırken
   soldan sağa akmalı. Ama alan boşken görünen şey Arapça
   placeholder — o sağda kalsın. :placeholder-shown ile alan
   doldukça LTR'ye geçiyor. */
.hero-form input[type="email"],
.hero-form input[type="tel"] {
    direction: ltr;
    text-align: left;
}
.hero-form input[type="email"]:placeholder-shown,
.hero-form input[type="tel"]:placeholder-shown {
    direction: rtl;
    text-align: right;
}

/* Ülke kodu kutusu okuma sırasında önce gelsin (sağda).
   .phone-row yön almıyor, sayfadan RTL miras alıyor;
   kutunun içindeki "SA +966" ise LTR kalıyor. */
.phone-row .phone-code {
    direction: ltr;
    text-align: left;
}

/* ── Onay kutuları ──────────────────────────────────────── */
.consent-row {
    text-align: right;
}
/* Ortak kural formdaki tüm input'lara text-align:right veriyor;
   checkbox'ta anlamsız, hizalamayı bozmasın. */
.consent-row input[type="checkbox"] {
    text-align: initial;
}