/* ============================================= * RTL Override — Arapça için sağdan sola düzen * Yalnızca aktifken yüklenir * ============================================= */ html[dir="rtl"] body { font-family: 'Cairo', 'Tajawal', 'Jost', sans-serif; } /* Genel yön çevirme — flex sıralamaları */ html[dir="rtl"] .top-bar-inner, html[dir="rtl"] .header-main-inner, html[dir="rtl"] .top-bar-left, html[dir="rtl"] .top-bar-right, html[dir="rtl"] .foot-grid, html[dir="rtl"] .menu-card-meta, html[dir="rtl"] .menu-card-footer, html[dir="rtl"] .bdetay-meta, html[dir="rtl"] .bdetay-author, html[dir="rtl"] .bdetay-share { direction: rtl; } /* Liste işaretleri / ikon yönleri */ html[dir="rtl"] ul { padding-right: 1.2em; padding-left: 0; } html[dir="rtl"] .fa-chevron-left::before { content: "\f054"; } /* swap chevrons */ html[dir="rtl"] .fa-chevron-right::before { content: "\f053"; } html[dir="rtl"] .fa-arrow-left::before { content: "\f061"; } html[dir="rtl"] .fa-arrow-right::before { content: "\f060"; } /* Margin/padding mirror — en sık kullanılan utility'ler */ html[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; } html[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; } /* Border yön çevirme — kart sol/sağ kenarlık */ html[dir="rtl"] .alert, html[dir="rtl"] [style*="border-left"] { border-left: 0 !important; border-right: 3px solid currentColor; } /* Form alanları */ html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; } html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="url"] { direction: ltr; text-align: right; } /* Header dil butonları — RTL'de ters sıralama doğal görünür */ html[dir="rtl"] .top-bar-lang { flex-direction: row-reverse; } /* Hero / nav — text-align düzelt */ html[dir="rtl"] .hero-text-slide, html[dir="rtl"] .sec-desc, html[dir="rtl"] .menu-card-body { text-align: right; } /* Cormorant Garamond Latince için, AR'de sistem font'u kullan */ html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] .sec-title, html[dir="rtl"] .logo-brand-name { font-family: 'Cairo', 'Tajawal', system-ui, sans-serif; } /* Flash mesajları RTL'de sol üstte */ html[dir="rtl"] #flashMessages { right: auto !important; left: 20px !important; }