/* ============================================================================ * rtl.css — GlobalTente Arapça (RTL) override katmanı * Yalnızca (Arapça) sayfalarda, custom.css'ten SONRA yüklenir. * Bootstrap RTL (bootstrap.rtl.min.css) grid/flex/utility aynalamasını yapar; * bu dosya custom.css'in fiziksel (left/right/float) kurallarını düzeltir + Arapça font. * Tüm seçiciler html[dir="rtl"] ile öncelik kazanır. * ========================================================================== */ /* --- Arapça font ailesi --- */ html[dir="rtl"]{ --default-font: "Cairo", "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif; --accent-font: "Cairo", "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif; } html[dir="rtl"] body{ font-family: var(--default-font); text-align: right; } /* --- Genel yön --- */ html[dir="rtl"] .text-start{ text-align: right !important; } html[dir="rtl"] .text-end{ text-align: left !important; } /* ============================================================================ * Butonlar — ok ikonu sağdan sola, hover dolumu ters yön * custom.css: .btn-default::before { right:5px } / ::after { right:0 → left:0 } * ========================================================================== */ html[dir="rtl"] .btn-default{ /* okun yer açtığı iç boşluğu sağ yerine sola al */ padding-right: 1.5rem; padding-left: 60px; } html[dir="rtl"] .btn-default::before{ right: auto; left: 5px; /* oku yatay aynala (ok ucu sola baksın) */ transform: translateY(-50%) scaleX(-1); } html[dir="rtl"] .btn-default::after{ right: auto; left: 0; } html[dir="rtl"] .btn-default:hover::after{ left: auto; right: 0; } /* ============================================================================ * Header / navigasyon * ========================================================================== */ html[dir="rtl"] .header-toolbar{ margin-left: 0 !important; margin-right: auto !important; } html[dir="rtl"] .header-btn{ margin-left: 0; margin-right: auto; } /* Slicknav / ana menü açılır ok yönü */ html[dir="rtl"] .main-menu ul li.submenu ul li.submenu > a:after{ float: left; content: '\f104'; /* sol ok */ } html[dir="rtl"] .main-menu ul ul{ left: auto; right: 0; } /* Fullscreen nav modal kapat butonu ve hizalar */ html[dir="rtl"] .fullscreen-nav-topbar-actions{ margin-left: 0; margin-right: auto; } html[dir="rtl"] .modal-fullscreen .btn-close{ margin-left: 0; margin-right: 0; } /* ============================================================================ * Kartlar / listeler — kenarlık ve iç boşluk taraflarını çevir * custom.css: .sidebar-post-list li:first-child { border-left; padding-left } * ========================================================================== */ html[dir="rtl"] .sidebar-post-list li:first-child{ border-left: none; padding-left: 0; border-right: 3px solid var(--accent-color); padding-right: 2rem; } html[dir="rtl"] .sidebar-post-list li:first-child:nth-child(2n){ border-right: none; padding-right: 0; } /* ============================================================================ * Metin hizaları (custom.css: .product-text { text-align:right } / .product-image { left }) * ========================================================================== */ html[dir="rtl"] .category-slider-section .product-text{ text-align: left; } html[dir="rtl"] .category-slider-section .product-image{ text-align: right; } /* ============================================================================ * Liste işaretleri / ikon-metin boşlukları * ========================================================================== */ html[dir="rtl"] ul, html[dir="rtl"] ol{ padding-right: 0; } html[dir="rtl"] .list-icon i, html[dir="rtl"] .icon-box{ margin-right: 0; margin-left: 0.75rem; } /* Breadcrumb ayraç yönü */ html[dir="rtl"] .breadcrumb-item + .breadcrumb-item{ padding-right: 0.5rem; padding-left: 0; } html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before{ padding-right: 0; padding-left: 0.5rem; float: right; } /* ============================================================================ * Footer * ========================================================================== */ html[dir="rtl"] .footer-social, html[dir="rtl"] .footer-links{ padding-right: 0; } /* ============================================================================ * Form / input ikon konumları * ========================================================================== */ html[dir="rtl"] .form-control, html[dir="rtl"] .form-select{ text-align: right; } /* Liste içi tireli/numaralı içerik (zengin metin) sağa hizalı */ html[dir="rtl"] .service-entry, html[dir="rtl"] .post-entry, html[dir="rtl"] .project-entry, html[dir="rtl"] .about-entry{ text-align: right; } html[dir="rtl"] .service-entry ul, html[dir="rtl"] .service-entry ol, html[dir="rtl"] .post-entry ul, html[dir="rtl"] .post-entry ol{ padding-right: 1.25rem; padding-left: 0; } /* Tablolar (teknik özellikler) — başlık hücresi sağa */ html[dir="rtl"] .service-entry table th, html[dir="rtl"] .post-entry table th, html[dir="rtl"] .service-entry table td, html[dir="rtl"] .post-entry table td{ text-align: right; }