/* ========================================================================== NOVA — Sağdan sola (RTL) katmanı Yalnızca iken uygulanır; Türkçe ve İngilizce çıktı bu dosyadan hiç etkilenmez. Yerleşimin büyük kısmı zaten mantıksal özelliklerle (padding-inline, margin-inline-start, text-align: start) yazıldığı için kendiliğinden aynalanır. Burada yalnızca mantıksal karşılığı OLMAYAN üç grup ele alınır: 1. transform-origin ve translateX (mantıksal anahtar sözcük kabul etmez) 2. left/right ile konumlanmış süslemeler 3. Yönü olan ikonlar (oklar) — yansıtılmalı Ayrıca sayı/tarih/telefon/fiyat Arapça metin içinde soldan sağa yalıtılır. ========================================================================== */ /* ---------------------------------------------------------------- 1. Yazı tipi Noto Naskh Arabic yalnızca Arapça etkinken 'e eklenir (js/i18n.js). Başlık yüzü Playfair Arapça glif içermediğinden gövde yüzüyle birlikte Naskh'a devredilir; latin parçalar (marka, sayı) yedeklerden gelir. */ .is-ar { --font-display: "Noto Naskh Arabic", "Playfair Display", Georgia, serif; --font-body: "Noto Naskh Arabic", "Jost", "Segoe UI", system-ui, sans-serif; --font-accent: "Noto Naskh Arabic", "Cormorant Garamond", Georgia, serif; } /* Arapçada italik yoktur; yapay eğim yerine ağırlıkla vurgula */ .is-ar .accent-italic, .is-ar .quote__text, .is-ar .venue-card__title, .is-ar .card-index { font-style: normal; font-weight: 600; } /* Naskh'ın çıkıntıları uzun olduğu için satır aralığını biraz aç */ .is-ar body { line-height: 1.85; } .is-ar h1, .is-ar h2, .is-ar h3 { line-height: 1.4; letter-spacing: 0; } /* Geniş harf aralığı Arapça bitişik yazıyı bozar — sıfırla */ .is-ar .eyebrow, .is-ar .nav__link, .is-ar .btn, .is-ar .link-arrow, .is-ar .quote__cite, .is-ar .stat__label, .is-ar .field__label, .is-ar .footer__nav a, .is-ar .hero__caption, .is-ar .plan__badge, .is-ar .footer__legal-inner { letter-spacing: 0; } /* Arapçada büyük/küçük harf kavramı yok; uppercase görsel olarak etkisiz ama bazı yedek yüzlerde şekil bozar */ .is-ar .eyebrow, .is-ar .nav__link, .is-ar .btn, .is-ar .link-arrow, .is-ar .quote__cite, .is-ar .stat__label, .is-ar .field__label, .is-ar .plan__badge { text-transform: none; } /* ---------------------------------------------------------------- 2. Yön */ /* Çizilen saç teli çizgiler ters yönden açılmalı */ [dir="rtl"] .js .rule-draw::after, [dir="rtl"] .venue-card__title::after, [dir="rtl"] .js .section-head--left h2::after, [dir="rtl"] .section-head--left .rule-draw::after { transform-origin: right center; } [dir="rtl"] .nav__link::after { transform-origin: left; } [dir="rtl"] .nav__link:hover::after, [dir="rtl"] .nav__link:focus-visible::after, [dir="rtl"] .nav__link[aria-current="true"]::after { transform-origin: right; } [dir="rtl"] .link-arrow::before { transform-origin: left center; } [dir="rtl"] .link-arrow:hover::before, [dir="rtl"] .link-arrow:focus-visible::before { transform-origin: right center; } /* Kart başlığı hover'da ters yöne kaysın */ [dir="rtl"] .venue-card:hover .venue-card__title, [dir="rtl"] .venue-card:focus-within .venue-card__title { transform: translate3d(-5px, 0, 0); } /* Sola hizalı bölüm başlığının hattı sağdan başlasın */ [dir="rtl"] .section-head--left h2::after { left: auto; right: 0; } /* Mühür: çerçevenin diğer köşesine */ [dir="rtl"] .seal { right: auto; left: -1.4rem; } @media (max-width: 767px) { [dir="rtl"] .seal { right: auto; left: -0.5rem; } } /* İçeriğe atla bağlantısı ve başa dön düğmesi */ [dir="rtl"] .skip-link { left: auto; right: var(--space-4); } [dir="rtl"] .to-top { right: auto; left: clamp(1rem, 3vw, 2rem); } /* Kaydırılmış çerçeveli görsel */ @media (min-width: 1024px) { [dir="rtl"] .framed--offset { margin-inline-start: 0; margin-inline-end: 0; } } /* Paket listesi işaretçisi zaten mantıksal konumlu; eşkenar dörtgen simetrik */ /* ---------------------------------------------------------------- 3. Oklar Yönü olan ikonlar yansıtılır. Yönü OLMAYANLAR (kapat, artı, kullanıcı, güneş, göz, pin, telefon, zarf, saat, sosyal ikonlar) dokunulmaz. */ [dir="rtl"] .link-arrow svg, [dir="rtl"] .lightbox__nav--prev svg, [dir="rtl"] .lightbox__nav--next svg { transform: scaleX(-1); } /* Ok, hover'da ters yöne yürüsün (yansıtma ile birlikte) */ [dir="rtl"] .link-arrow:hover svg, [dir="rtl"] .link-arrow:focus-visible svg { transform: scaleX(-1) translate3d(6px, 0, 0); } /* Işık kutusu okları yer değiştirir */ [dir="rtl"] .lightbox__nav--prev { left: auto; right: clamp(0.5rem, 2vw, 1.5rem); } [dir="rtl"] .lightbox__nav--next { right: auto; left: clamp(0.5rem, 2vw, 1.5rem); } [dir="rtl"] .lightbox__close { right: auto; left: clamp(0.75rem, 2vw, 1.5rem); } /* Galeri rayları RTL'de doğal olarak sağdan başlar; ilerleme hattı da öyle */ [dir="rtl"] .rail-progress span { transform-origin: right center; } /* Kayan şerit yönü değişmez (süsleme), ama maskesi simetrik olduğu için sorun yok */ /* ---------------------------------------------------------------- 4. Sayılar Sayı, tarih, telefon ve fiyatlar Arapça metin içinde bile SOLDAN SAĞA kalmalı. 'isolate' bunları çevreleyen RTL akışından yalıtır; aksi hâlde "+90 212 555 01 42" gibi diziler parça parça ters sıralanır. */ [dir="rtl"] .plan__price, [dir="rtl"] .stat__num, [dir="rtl"] .tabular, [dir="rtl"] time, [dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"], [dir="rtl"] .social-handle, [dir="rtl"] .seal__text, [dir="rtl"] [data-i18n="social.handle"], [dir="rtl"] .card-index { direction: ltr; unicode-bidi: isolate; } /* Fiyatın alt satırı ("… للفرد ₺3.850") karışık yönlüdür: kapsayıcı RTL kalmalı ama içindeki sayı yalıtılmalı. */ [dir="rtl"] .plan__price small { direction: rtl; unicode-bidi: isolate; } /* Ortalanmış bloklarda yalıtım hizayı bozmasın */ [dir="rtl"] .stat__num, [dir="rtl"] .plan__price { text-align: center; } [dir="rtl"] .venue-card__meta span { unicode-bidi: isolate; }