/* ═══════════════════════════════════════════════════════════════════════════ SAĞDAN SOLA (RTL) DÜZELTMELERİ — yalnızca Arapça'da yüklenir ═══════════════════════════════════════════════════════════════════════════ ⚠️ BURASI KISA OLMALI. Bootstrap 5'in ms-/me-/text-start/text-end sınıfları MANTIKSAL özelliklerdir: verildiğinde kendiliğinden aynalanırlar. index.php'de bu sınıflardan 56 kullanım var ve hiçbiri buraya kural yazmayı gerektirmiyor. Buradaki kurallar yalnızca ELLE yazılmış, yöne sabitlenmiş satır içi stilleri düzeltir. Yeni kural eklemeden önce sorun gerçekten Bootstrap dışında mı diye bakın — çoğu zaman değildir. ⚠️ Yazı tipi: Inter Arap harflerini kapsamaz. index.php Arapça seçiliyken Noto Sans Arabic'i ayrıca yükler; buradaki font-family onu öne alır. */ [dir="rtl"] body, [dir="rtl"] .navbar, [dir="rtl"] .hero-title, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 { font-family: 'Noto Sans Arabic', 'Inter', system-ui, -apple-system, sans-serif; } /* Arapça harfler Latin'e göre daha "kısa" görünür; satır arası biraz açılıyor. */ [dir="rtl"] body { line-height: 1.75; } /* ── Yüzen kartlar (hero) ──────────────────────────────────────────────── index-style.css'te left/right ile konumlanmışlar; aynalıyoruz. */ [dir="rtl"] .floating-card-1 { left: auto; right: -20px; } [dir="rtl"] .floating-card-2 { right: auto; left: -20px; } /* ── Tedarikçi ve uzman bölümlerindeki mutlak konumlu kutular ─────────── Bootstrap'in bottom-0 end-0 / start-0 sınıfları dir ile aynalanıyor, ancak m-4 ile birlikte taşabiliyor; kenar boşluğunu simetrik tutuyoruz. */ [dir="rtl"] .position-absolute.m-4 { margin: 1.5rem !important; } /* ── "Nasıl çalışır" ok bağlayıcısı ───────────────────────────────────── Ok simgesi soldan sağa akışı anlatıyor; RTL'de ters çevrilmeli. */ [dir="rtl"] .hiw-arrow-connector i { transform: scaleX(-1); } /* ── Karusel kontrolleri ──────────────────────────────────────────────── Bootstrap prev/next düğmelerini dir ile aynalar, fakat "duraklat" düğmesi satır içi style ile right:0 verilmiş durumda. */ [dir="rtl"] #whyUsCarouselPauseBtn { right: auto !important; left: 0 !important; } /* ── Bülten formu ─────────────────────────────────────────────────────── Giriş kutusu ve düğmenin köşe yuvarlamaları elle verilmiş; ters çeviriyoruz. */ [dir="rtl"] #newsletterEmail { border-radius: 0 8px 8px 0 !important; } [dir="rtl"] #newsletterForm button[type="submit"] { border-radius: 8px 0 0 8px !important; } /* ── Çerez bildirimi ──────────────────────────────────────────────────── Metin blokları sola dayalı yazılmış. */ [dir="rtl"] #cookiePrefsPanel .cc-save-row { text-align: left; } /* ── Yukarı çık düğmesi ───────────────────────────────────────────────── index-style.css'te sağ alta sabitlenmiş. */ [dir="rtl"] .scroll-top { right: auto; left: 25px; } /* ── Yönetici/oturum şeridi (varsa) ─────────────────────────────────────── */ [dir="rtl"] #impersonate-banner { left: 0; right: 250px; } @media (max-width: 768px) { [dir="rtl"] #impersonate-banner { right: 0 !important; } } /* ── Listelerdeki madde işaretleri ──────────────────────────────────────── */ [dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.15rem; padding-left: 0; } /* ── Rakamlar ─────────────────────────────────────────────────────────── Fiyat ve yüzdelerde Latin rakamları kullanılıyor; karışık yönlü metinde parantez/işaretlerin doğru yerde durması için yalıtıyoruz. */ [dir="rtl"] .price-tag, [dir="rtl"] .hiw-step-badge { unicode-bidi: isolate; }