/* ============================================================================= * rtl.css — Arapça (dir="rtl") yön düzeltmeleri * ----------------------------------------------------------------------------- * premium.css ve i18n.css yüklenir. Sadece iken devreye girer. * Kapsam: header, navbar, dropdown, mobil menü, hero, slider, kartlar, * ürün grid, butonlar, form, footer, modal, breadcrumb, oklar, * ikonlar, arama, pagination, WhatsApp butonu. * ========================================================================== */ /* ── Yön simgeleri (oklar, chevron) ────────────────────────────────────── */ html[dir="rtl"] .btn-arrow, html[dir="rtl"] .service-link > svg, html[dir="rtl"] .product-card .service-link > svg, html[dir="rtl"] .cta-card .btn-arrow, html[dir="rtl"] .pg-arrow, html[dir="rtl"] .form-submit-arrow { transform: scaleX(-1); } /* Slider okları: hero LTR'de sol/ok, RTL'de sağ/ok gösterir */ html[dir="rtl"] .hero-prev svg { transform: scaleX(-1); } html[dir="rtl"] .hero-next svg { transform: scaleX(-1); } /* ── Scroll progress ───────────────────────────────────────────────────── */ html[dir="rtl"] .scroll-progress { transform-origin: right; background: linear-gradient(270deg, var(--color-primary), var(--color-accent)); } /* ── Header / navbar ──────────────────────────────────────────────────── */ html[dir="rtl"] .nav-dropdown-menu { left: auto; right: 50%; transform: translateX(50%) translateY(8px); } html[dir="rtl"] .nav-dropdown.open .nav-dropdown-menu, html[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu { transform: translateX(50%) translateY(0); } /* Mobil menü paneli: soldan açılır */ html[dir="rtl"] .mobile-menu-panel { right: auto; left: 0; transform: translateX(-100%); } html[dir="rtl"] .mobile-menu.open .mobile-menu-panel { transform: translateX(0); } html[dir="rtl"] .mobile-menu-panel a { transform: translateX(-20px); } html[dir="rtl"] .mobile-menu.open .mobile-menu-panel a { transform: translateX(0); } /* ── Hero ─────────────────────────────────────────────────────────────── */ html[dir="rtl"] .hero-content { direction: rtl; } html[dir="rtl"] .hero-controls { right: auto; left: 32px; } @media (max-width: 1023px) { html[dir="rtl"] .hero-controls { right: auto; left: 16px; } } /* ── Scroll reveal yönleri ────────────────────────────────────────────── */ html[dir="rtl"] .reveal-left { transform: translateX(40px); } html[dir="rtl"] .reveal-left.visible { transform: translateX(0); } html[dir="rtl"] .reveal-right { transform: translateX(-40px); } html[dir="rtl"] .reveal-right.visible { transform: translateX(0); } /* Kelime kelime animasyon yönü */ html[dir="rtl"] .word-reveal .word { transform: translateX(0); } /* ── Hakkımızda görseli + rozet ───────────────────────────────────────── */ html[dir="rtl"] .about-image-badge { right: auto; left: 0; border-radius: var(--radius-md) 0 0 var(--radius-md); } html[dir="rtl"] .about-image .about-image-badge { left: auto; right: 24px; } /* ── Kart üst çizgileri ──────────────────────────────────────────────── */ html[dir="rtl"] .service-card::before, html[dir="rtl"] .stat-card::before { transform-origin: right; background: linear-gradient(270deg, var(--color-primary), var(--color-accent)); } html[dir="rtl"] .stat-card::before { background: linear-gradient(270deg, var(--color-primary), #2d8a4e); } /* ── Ürün kartı hover kayması ─────────────────────────────────────────── */ html[dir="rtl"] .product-card:hover { transform: translateX(-4px); } /* ── WhatsApp butonu (kart üzerinde "Fiyat Sor") ──────────────────────── */ html[dir="rtl"] .catalog-grid .fiyat-sor-btn, html[dir="rtl"] .product-grid .fiyat-sor-btn, html[dir="rtl"] .quote-link-btn { left: auto; right: 14px; } /* ── Sabit WhatsApp FAB ───────────────────────────────────────────────── */ html[dir="rtl"] .whatsapp-fab { right: auto; left: 24px; } @media (max-width: 640px) { html[dir="rtl"] .whatsapp-fab { right: auto; left: 16px; } } /* ── Arama çubuğu ─────────────────────────────────────────────────────── */ html[dir="rtl"] .product-search-bar input { text-align: right; } html[dir="rtl"] .product-search-bar input::placeholder { text-align: right; } /* ── Form ─────────────────────────────────────────────────────────────── */ html[dir="rtl"] .form-group input, html[dir="rtl"] .form-group textarea, html[dir="rtl"] .form-group select { text-align: right; } html[dir="rtl"] .form-group input::placeholder, html[dir="rtl"] .form-group textarea::placeholder { text-align: right; } html[dir="rtl"] select { padding-left: 40px; padding-right: 16px; } html[dir="rtl"] .form-group label { text-align: right; } /* ── Breadcrumb ───────────────────────────────────────────────────────── */ html[dir="rtl"] .breadcrumb { direction: rtl; } html[dir="rtl"] .breadcrumb .crumb-sep { transform: scaleX(-1); display: inline-block; } /* ── İletişim bilgi kartları ─────────────────────────────────────────── */ html[dir="rtl"] .contact-info-item { text-align: right; } html[dir="rtl"] .footer-contact li { text-align: right; } /* ── Pagination ───────────────────────────────────────────────────────── */ html[dir="rtl"] .pagination { direction: rtl; } /* ── Footer ───────────────────────────────────────────────────────────── */ html[dir="rtl"] .footer-bottom { text-align: right; } html[dir="rtl"] .footer-grid { direction: rtl; } /* ── Manifesto / CTA ──────────────────────────────────────────────────── */ html[dir="rtl"] .manifesto-content { text-align: right; } /* ── Sayısal sayaçlar ─────────────────────────────────────────────────── */ html[dir="rtl"] .stat-value, html[dir="rtl"] .hero-stat-value { direction: ltr; unicode-bidi: isolate; } /* ── Metin seçimi ve imleç ────────────────────────────────────────────── */ html[dir="rtl"] body { cursor: auto; } html[dir="rtl"] .lang-option, html[dir="rtl"] .mobile-menu-panel a { text-align: right; } html[dir="rtl"] .mobile-lang-grid .lang-option { text-align: center; } /* ── Uzun Arapça başlıklar taşmasın ───────────────────────────────────── */ html[dir="rtl"] .display-xl, html[dir="rtl"] .display-lg, html[dir="rtl"] .display-md { word-break: normal; overflow-wrap: break-word; hyphens: none; } /* ── Dil listesi (i18n.css) hizalama düzeltmesi ──────────────────────── */ html[dir="rtl"] .lang-switch-menu { text-align: right; } html[dir="rtl"] .lang-code { letter-spacing: 0; } /* ══════════════════════════════════════════════════════════════════════ LTR İÇERİK İZOLASYONU Telefon numarası, e-posta, URL, model kodu ve ölçüler RTL'de yanlış yönde yazılırsa TERS ÇEVRİLİR: "0 532 714 03 15" -> "15 03 714 532 0" (yanlış!) Bu blok onları LTR'ye sabitler ve çevrelerindeki Arapçayı etkilemez. ══════════════════════════════════════════════════════════════════════ */ html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"], html[dir="rtl"] a[href^="https://wa.me/"], html[dir="rtl"] a[href^="https://api.whatsapp.com/"], html[dir="rtl"] a[href^="https://"], html[dir="rtl"] a[href^="http://"] { direction: ltr; unicode-bidi: isolate; } /* Metin olarak yazılmış telefon / faks (tel: olmayan , ) */ html[dir="rtl"] .phone-num, html[dir="rtl"] .fax-num, html[dir="rtl"] .contact-info-item strong, html[dir="rtl"] .footer-contact li, html[dir="rtl"] .model-code, html[dir="rtl"] .spec-value, html[dir="rtl"] .spec-table td, html[dir="rtl"] .product-code, html[dir="rtl"] .wa-btn span, html[dir="rtl"] .btn span { unicode-bidi: isolate; } /* Rakam + birim içeren kısa etiketler (5.000 m², 30 yıl vb.) */ html[dir="rtl"] .stat-label, html[dir="rtl"] .badge, html[dir="rtl"] .chip, html[dir="rtl"] .tag { unicode-bidi: isolate; } /* Adres satırı: Arapça kısım RTL, "No:6, Kayseri" gibi Latin kısım LTR */ html[dir="rtl"] address, html[dir="rtl"] .address, html[dir="rtl"] .contact-info-item div { unicode-bidi: isolate; } /* Sayfa numarasi ve fiyatlar */ html[dir="rtl"] .price, html[dir="rtl"] .catalog-count, html[dir="rtl"] .pagination a, html[dir="rtl"] .pagination span { direction: ltr; unicode-bidi: isolate; }