/* =============================================================================
RTL KATMANI (2026-09-25) - YALNIZ sagdan-sola dillerde yuklenir (Partial/_RtlHead)
=============================================================================
LTR'de (mevcut 9 dil) bu dosya HIC yuklenmez; buradaki her kural ya [dir=rtl]
altinda ya da yalniz RTL sayfada gecerli olacak sekilde yazilir.
Duzenin buyuk kismi kendiliginden doner: Bootstrap 5.0.2 RTL derlemesi
(bootstrap.rtl.min.css) + grid/flex + . Bu dosya kalan
bosluklari kapatir:
1. Font - Poppins'te Arapca glif yok -> Noto Sans Arabic (Google Fonts)
2. Tipografi - Arapca bitisik yazi: letter-spacing ve italik kapatilir
3. Hizalama - kaynakta SABIT yazilmis text-align:left/right aynalanir
4. Tekil duzeltmeler - atlama baglantisi, Leaflet, form alanlari, ikonlar, lightbox
5. Ana sayfa - fiziksel left/right, kaydirma ve kose yuvarlama aynalari
CSS'IN COZEMEDIGI (isaretlemede cozuldu, yeni view yazarken UY):
- Bosluklu kodlar ("1100 420 001", OEM "471 130 76 15") RTL'de grup sirasi TERS
dizilir -> kod metni @kod. Telefon numarasi da ayni.
- Metin oklari (U+2190/2192) tarayicida aynalanmaz -> @Nest.OkIleri / @Nest.OkGeri.
KAPSAM DISI (sonraki adim): ~475 fiziksel yon bildirimi (margin/padding-left/
right, left:/right:) kaynakta margin-inline-start gibi mantiksal ozelliklere
cevrilecek. Bir sayfa RTL'de bozuksa ya kaynak kural mantiksal ozellige
cevrilir ya da buraya [dir=rtl] ayna kurali eklenir.
DEBUG'da /tr/... ?rtl=1 ile Arapca icerik olmadan onizlenebilir.
============================================================================= */
/* ---- 1. FONT ----------------------------------------------------------------
Latin glifler Poppins'te kalir; Arapca glifler tarayici tarafindan karakter
bazinda bir sonraki aileye (Noto Sans Arabic) dusurulur. Rakamlar Bati (0-9)
oldugu icin Poppins'ten gelir -> karar geregi Bati rakamlari (bkz. KulturFabrikasi). */
:root {
--vaden-rtl-font: "Poppins", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
--bs-font-sans-serif: var(--vaden-rtl-font); /* Bootstrap (body, form ogeleri) */
--pd-font: var(--vaden-rtl-font); /* urun detay (product-detail.css) */
}
/* main.css `*{font-family:'Poppins', sans-serif}` ile AYNI ozgulluk; sonra yuklendigi icin
onu ezer. Ikon fontlari (.fa, .bi::before, swiper-icons) sinif/pseudo seciciyle daha
ozgul oldugu icin etkilenmez. */
* { font-family: var(--vaden-rtl-font); }
/* ---- 2. TIPOGRAFI (Arapca yazisi: ar, fa, ur) --------------------------------
letter-spacing Arapca harflerin bitismesini koparir; kaynakta 58 kural var,
ozgulluklerini tek tek yenmek yerine !important ile toptan kapatilir.
Arapca'da italik yoktur; tarayici egik (oblique) sentezler, okunurlugu bozar. */
html:is(:lang(ar), :lang(fa), :lang(ur)) * { letter-spacing: normal !important; }
html:is(:lang(ar), :lang(fa), :lang(ur)) :is(em, i, cite, dfn, var, .fst-italic) { font-style: normal; }
/* Editor icerigi (DB HTML; footer SEO metni, kategori, satis): editor-content.css
`.editor-content *{all:revert !important}` ve `.editor-content.editor-content h1..h6
{letter-spacing:-0.01em !important}` (0,2,1) yukaridaki iki kurali yeniyor.
.editor-content.editor-content ile ozgulluk (0,3,x) -> yukleme sirasindan bagimsiz. */
html:is(:lang(ar), :lang(fa), :lang(ur)) .editor-content.editor-content * { letter-spacing: normal !important; }
html:is(:lang(ar), :lang(fa), :lang(ur)) .editor-content.editor-content :is(em, i, cite, dfn, var) { font-style: normal !important; }
/* ---- 3. SABIT HIZALAMA AYNASI ------------------------------------------------
Kaynakta text-align:left/right SABIT yazilmis kurallar RTL'de donmez
(text-align:start/end olsalardi donerdi). Tarama: 2026-09-25, css/*.css +
assets/product-detail. nest.search.css BILEREK HARIC (arama isi devredilmedi):
.search-bos-urunler RTL'de solda kalir.
[dir=rtl] oneki ozgullugu +1 artirir -> kaynak kurali her zaman ezilir.
@media icindeki kaynaklar ayni @media icinde, taban kuraldan SONRA aynalanir. */
/* kaynak: left -> RTL: right */
[dir=rtl] .pd-glance th, [dir=rtl] .pd-glance td,
[dir=rtl] .pd-spec-table th, [dir=rtl] .pd-spec-table td,
[dir=rtl] .pd-vehicle-table th, [dir=rtl] .pd-vehicle-table td,
[dir=rtl] .activities-content .ui-datepicker-title,
[dir=rtl] .contact-faq .container-content button,
[dir=rtl] .editor-content th, [dir=rtl] .editor-content td,
[dir=rtl] .bl-govde table th,
[dir=rtl] .bl-govde table caption,
[dir=rtl] .placeholder .texts,
[dir=rtl] .products .list-products .mmm-list li button,
[dir=rtl] .new-products .swiper-pagination,
[dir=rtl] .most-clicked-products .swiper-pagination,
[dir=rtl] .info .items .box,
[dir=rtl] .product-detail .items a p,
[dir=rtl] .product-comparison th, [dir=rtl] .product-comparison td,
[dir=rtl] .between-texts .textSlide .box,
[dir=rtl] .production-between-texts .head,
[dir=rtl] .sales-representative ul .nav-link { text-align: right; }
/* kaynak: right -> RTL: left */
[dir=rtl] .activities-content .activities-head,
[dir=rtl] .suitable-positions h3,
[dir=rtl] .sustainability .slogan,
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .swiper-pagination,
[dir=rtl] .casting-line .items .texts,
[dir=rtl] .sidebarmenu .side-bottom-items .mobile-phone,
[dir=rtl] .sidebarmenu .side-bottom-items .mobile-phone div,
[dir=rtl] .bl-kart__kategori,
[dir=rtl] .search-query,
[dir=rtl] .product-categories .grid-head,
[dir=rtl] .mobile-phone-white .box,
[dir=rtl] .mobile-phone-white .box div,
[dir=rtl] .production-facilities-banner .items .head,
[dir=rtl] .sales-user .salesUserSlider .swiper-pagination,
[dir=rtl] .last-sales-activities .box .lastSalesActivities .items .item-texts,
[dir=rtl] .ss-timeline .ss-icerik .ss-olcut { text-align: left; }
/* Ayna kurali, kaynagin BASKA dosyadaki @media kuralini da ezer (ozgulluk +1).
responsive.css:104 @media (max-width:992px) ana slider sayfalamasini ORTALAR -> korunur. */
@media (max-width: 992px) {
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .swiper-pagination { text-align: center; }
}
/* responsive.css:227 @media (max-width:768px) */
@media (max-width: 768px) {
[dir=rtl] .production-power-description .desc-texts h1 { text-align: right; }
}
/* nest-blog.css:3212 @media (min-width:768px) */
@media (min-width: 768px) {
[dir=rtl] .bl-komsu__oge--sonraki { text-align: left; }
}
/* sosyal-sorumluluk.css:673 @media (max-width:1200px) - taban kural yukarida (left) */
@media (max-width: 1200px) {
[dir=rtl] .ss-timeline .ss-icerik .ss-olcut { text-align: right; }
}
/* ---- 4. TEKIL DUZELTMELER ---------------------------------------------------- */
/* Urun detay "icerige atla" (product-detail.css:68 left:-9999px). RTL'de sol taraf
kaydirilabilir alan oldugu icin 9999px YATAY KAYDIRMA uretiyordu (olculdu 2026-09-25).
Sag (baslangic) tarafa tasan icerik RTL'de kaydirilamaz -> gizleme orada guvenli. */
[dir=rtl] .pd-skip { left: auto; right: -9999px; border-radius: 0 0 0 var(--pd-radius-s); }
[dir=rtl] .pd-skip:focus { right: 0; }
/* Leaflet (iletisim, bayiler, IK ilan haritalari): karo yerlesimi LTR varsayar; RTL
kapta karolar kayiyordu (olculdu). Harita LTR, balon icerigi RTL kalir. */
[dir=rtl] .leaflet-container { direction: ltr; }
[dir=rtl] .leaflet-popup-content { direction: rtl; text-align: right; }
/* Telefon: RTL paragrafta "+90 444 ..." basindaki "+" sona kayar ("90 444 ...+").
Cozum CSS'te DEGIL, isaretlemede: numara metni ile sarilir (Contact,
Dealers, Job, Footer, urun detay _Footer). a[href^=tel] kutusuna direction:ltr VERME:
sitede bu linkler grid/flex KUTU (etiket + ikon + numara); tum kutu LTR'ye doner,
etiket sola kayar, ikon sirasi ters olur (olculdu 2026-09-25).
Form alanlari tek satirlik kontrol: LTR icerik, hizalama baslangic kenarinda (sag). */
[dir=rtl] input[type="tel"],
[dir=rtl] input[type="email"],
[dir=rtl] input[type="url"] { direction: ltr; text-align: right; }
/* Yatay yon bildiren IKON FONTLARI okuma yonune aynalanir ("geri" oku saga bakar).
Dikey ikonlar (up/down) ve Swiper oklari (kendi .swiper-rtl kurali var) haric.
Font Awesome ogesi zaten inline-block. Bootstrap Icons'ta ayna ::before'a uygulanir:
ogeye display:inline-block vermek treeview'in `span.icon{width:12px}` kuralini devreye
sokuyor, kapali dugum ikonu 12px'e sikisiyordu (olculdu). */
[dir=rtl] :is(.fa-arrow-left, .fa-arrow-right, .fa-chevron-left, .fa-chevron-right,
.fa-angle-left, .fa-angle-right, .fa-caret-left, .fa-caret-right,
.fa-long-arrow-left, .fa-long-arrow-right, .fa-long-arrow-alt-left, .fa-long-arrow-alt-right) {
transform: scaleX(-1);
}
[dir=rtl] :is(.bi-arrow-left, .bi-arrow-right, .bi-chevron-left, .bi-chevron-right,
.bi-caret-left, .bi-caret-right, .bi-caret-left-fill, .bi-caret-right-fill)::before {
transform: scaleX(-1);
}
/* METIN oklari (U+2190/2192) CSS ile degil sunucuda cevrilir: @Nest.OkIleri / @Nest.OkGeri.
Burada yalniz hover "itme" yonu aynalanir (nest-blog.css'teki translateX'ler). */
[dir=rtl] .bl-vitrin:hover .bl-vitrin__ok { transform: translateX(-5px); }
[dir=rtl] .bl-yan__arsiv:hover .bl-yan__arsiv-ok { transform: translateX(-4px); }
[dir=rtl] .bl-cta__buton:hover .bl-cta__ok { transform: translateX(-4px); }
[dir=rtl] .bl-komsu__oge--onceki:hover .bl-komsu__ok { transform: translateX(4px); }
[dir=rtl] .bl-komsu__oge--sonraki:hover .bl-komsu__ok { transform: translateX(-4px); }
/* Urun galerisi lightbox (product-detail.css:216-217): tuslar fiziksel left/right.
Glifler (U+2039/203A) Bidi_Mirrored=Yes, RTL'de tarayici onlari zaten ceviriyor ->
yalniz KONUM degistirilir: "onceki" sagda (okuma baslangici), "sonraki" solda.
NOT: klavye ok tuslari (product-detail.js) hala fiziksel; JS'e dokunmak assetV
artirmayi gerektirdigi icin bu adimda yapilmadi. */
[dir=rtl] .pd-lightbox__nav--prev { left: auto; right: 1rem; }
[dir=rtl] .pd-lightbox__nav--next { right: auto; left: 1rem; }
/* ---- 5. ANA SAYFA ------------------------------------------------------------
Kaynak homepage.css / news.css / responsive.css / nest.css fiziksel left/right,
goreli kaydirma ve tek tarafli border-radius kullaniyor; RTL'de donmezler.
Olcum: /tr/anasayfa ile ?rtl=1 ayna karsilastirmasi (2026-09-27), 1280/1045/992/768/390.
Kural: kaynak degeri karsi tarafa tasinir, ilk taraf auto yapilir (goreli/mutlak
konumda iki taraf dolu kalirsa RTL'de 'right' kazanir -> bilerek auto).
Kaynak @media icindeyse ayna ayni @media icinde; taban kurallari ezdigimiz
(ozgulluk +1) icin kaynagin responsive SIFIRLAMALARI da burada tekrarlanir. */
/* HERO - urun slider'i SAGDA, banner SOLDA, arama kutusu urunun altinda (sag).
.slide-product konum vermiyor (homepage.css:4): RTL'de statik konum zaten sag kenar. */
[dir=rtl] .main-sliders .slide-banner { right: auto; left: 0; } /* homepage.css:26 */
[dir=rtl] .main-sliders .slide-product-search .search-box { left: auto; right: 0; } /* homepage.css:17 */
[dir=rtl] .main-sliders .slide-product-search .search-box form input { padding-left: 1rem; padding-right: 20px; } /* homepage.css:20 */
[dir=rtl] .main-sliders .slide-product-search .slide-product { border-radius: 15px 0 0 15px; } /* homepage.css:4 */
[dir=rtl] .main-sliders .slide-banner .mainSlider .image { border-radius: 0 15px 15px 0; } /* homepage.css:28 */
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents { left: auto; right: -5rem; } /* homepage.css:6 */
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents .texts { left: auto; right: 5rem; } /* homepage.css:7 */
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .backgroundimage { right: auto; left: 10rem; } /* homepage.css:15 */
/* data-aos (fade-right/left) AYNALANMAZ: aos.css/aos.js sitede kapali (Partial/MainCSS:8,
MainScript:3), nitelik etkisiz. Aynalama kurali hicbir zaman .aos-animate almayacagi icin
panelleri kalici 100px kaydiriyordu (olculdu 2026-09-27). AOS geri acilirsa yeniden ele al. */
/* responsive.css:29 + nest.css:196 */
@media (max-width: 1650px) {
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .backgroundimage { left: 15rem; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents .product-image img { margin-right: 30px; margin-left: -40px; }
}
/* responsive.css:49 */
@media (max-width: 1366px) {
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents { right: -1rem; }
}
/* responsive.css:94-105 + nest.css:271 (ozgulluk +1 tabani ezdigi icin sifirlamalar da burada) */
@media (max-width: 992px) {
[dir=rtl] .main-sliders .slide-product-search .slide-product { border-radius: 15px; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents { right: 0; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents .texts { right: 0; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .backgroundimage { left: auto; right: 30%; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents .product-image img { margin-right: 0; margin-left: 0; }
}
/* responsive.css:231-235 */
@media (max-width: 768px) {
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .contents .texts { right: 20px; }
[dir=rtl] .main-sliders .slide-product-search .slide-product .mainProductSlider .backgroundimage { right: 20%; }
[dir=rtl] .main-sliders .slide-banner .mainSlider .image { border-radius: 15px; }
}
/* Oduller basligi (homepage.css:82) */
[dir=rtl] .awards-and-achievements .head { margin-left: 0; margin-right: .8rem; }
/* Rakamlar - DB HTML "Anasayfa Zirve" (homepage.css:179-180; responsive.css:87 !important sifirlar) */
[dir=rtl] .numbers .col-lg-2 { left: auto; right: -3rem; }
[dir=rtl] .numbers .col-lg-2:nth-child(1) { left: auto; right: 8rem; }
@media (max-width: 1200px) {
[dir=rtl] .numbers .col-lg-2 { right: 0 !important; }
}
/* Urun gruplari sayfalamasi (homepage.css:138; responsive.css:275 768'de sifirlar).
.productGroupSlider .content'in direction:rtl'si (homepage.css:124, kaydirma cubugu solda)
BILEREK aynalanmadi: RTL sayfada liste zaten sagdan okunur, cubuk RTL'de olagan tarafta. */
[dir=rtl] .vaden-solution .productGroupSlider .swiper-pagination { left: auto; right: 25%; }
@media (max-width: 768px) {
[dir=rtl] .vaden-solution .productGroupSlider .swiper-pagination { right: auto; }
}
/* Haberler (news.css:23-24, :38; responsive.css:252-253 ve :361 768'de sifirlar) */
[dir=rtl] .news .last-item .image { left: auto; right: -20px; }
[dir=rtl] .news .last-item .image img { border-radius: 20px 0 0 20px; }
[dir=rtl] .news .newSlider .box .button { margin-left: 0; margin-right: 2rem; }
@media (max-width: 768px) {
[dir=rtl] .news .last-item .image { right: 0; }
[dir=rtl] .news .last-item .image img { border-radius: 20px; }
}
/* Tanitim videosu - DB HTML "Anasayfa Video" (homepage.css:197) */
[dir=rtl] .promotion-film-home .video-items .texts { margin-left: 0; margin-right: 10rem; }