/* Advencore — Arapça (RTL) katmanı.
   Yalnızca lang="ar" sayfalarında yüklenir. Soldan sağa CSS dosyalarının RTL kopyaları (*.rtl.css) araçla üretilir (araclar/rtl_donustur.py),
   bu dosya ise yazı tipi, Arapça tipografi, bidi ve el ile düzeltilen noktaları içerir. */

/* Noto Sans Arabic (SIL Open Font License 1.1, assets/fonts/NotoSansArabic-OFL.txt): Arapça alt kümesi, değişken ağırlık 400–800 */
@font-face {
    font-family: "Noto Sans Arabic";
    src: url("../fonts/noto-sans-arabic-var.woff") format("woff");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

:root { --adv-ar-font: "Plus Jakarta Sans", "DM Sans", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif; }

html[lang="ar"] body,
html[lang="ar"] :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, select, textarea, label, summary, figcaption, small, strong, b, em, td, th, dt, dd, legend, blockquote):not([class*="fa-"]):not([class*="flaticon"]):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: var(--adv-ar-font);
}

/* Arapça yazıda harf aralığı bağlantıyı bozar, satır yüksekliği biraz artırılır */
html[lang="ar"] body { line-height: 1.75; letter-spacing: 0; word-spacing: 0; }
html[lang="ar"] :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, select, textarea, label, summary, figcaption, small, strong, b, em, td, th, dt, dd) { letter-spacing: 0; }
html[lang="ar"] :is(h1, h2, h3, h4, h5, h6) { line-height: 1.45; }
html[lang="ar"] :is(.adv-hero, .adv-page-hero) h1 { line-height: 1.4; }

/* Arapça harfler birbirine bağlanır: harf aralığı ve büyük harfe çevirme kapalı */
html[lang="ar"] *, html[lang="ar"] *::before, html[lang="ar"] *::after { letter-spacing: 0 !important; text-transform: none !important; }

/* ---------- Slider (ana sayfa) ---------- */
/* "1 / 5" sayacı soldan sağa okunur, yön ok simgeleri okuma yönüne göre aynalanır (Advencore simgesi ve görseller aynalanmaz) */
html[lang="ar"] .adv-slider-count { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .adv-slider-btn[data-slider-prev] svg,
html[lang="ar"] .adv-slider-btn[data-slider-next] svg { transform: scaleX(-1); }

/* ---------- Formlar ---------- */
/* Arapça ad, şirket ve mesaj metni doğal yönde yazılır. E-posta ve telefon alanları soldan sağa okunur, sağa yaslı kalır */
html[lang="ar"] input[type="email"], html[lang="ar"] input[type="tel"], html[lang="ar"] input[type="url"] { direction: ltr; text-align: right; }
html[lang="ar"] input[type="email"]::placeholder, html[lang="ar"] input[type="tel"]::placeholder { direction: rtl; text-align: right; }

/* ---------- Ürün ekran görüntüleri ---------- */
/* Ekran görüntüleri soldan sağa içeriktir: kaydırılabilir kaplar sol uçtan başlar, görseller aynalanmaz */
html[lang="ar"] .adv-pp-hscroll, html[lang="ar"] .adv-pp-lightbox-scroll { direction: ltr; }
html[lang="ar"] .adv-pp-hscroll img, html[lang="ar"] .adv-pp-lightbox-scroll img, html[lang="ar"] .adv-pp-zoom img { transform: none; }

/* Ürün penceresi çubuğu: üç nokta sağda (çubuk RTL okunur), metin noktalardan sonra başlar, "Büyüt" etiketi karşı uçta */
html[lang="ar"] .adv-pp-zoom[data-adv-bar]::before {
    background:
        radial-gradient(circle at calc(100% - 20px) 50%, #c9d3e0 0, #c9d3e0 4.5px, transparent 5px),
        radial-gradient(circle at calc(100% - 36px) 50%, #c9d3e0 0, #c9d3e0 4.5px, transparent 5px),
        radial-gradient(circle at calc(100% - 52px) 50%, #c9d3e0 0, #c9d3e0 4.5px, transparent 5px),
        #f1f5fa;
}
html[lang="ar"] .adv-pp-zoom[data-adv-bar]::after { background-position: right 10px center; }

/* V37: akış çizimi (metinsiz) RTL'de yönü ters çevrilir: danışmanlık birikimi sağdan sola ürüne akar */
html[dir="rtl"] .adv-about-illus--flow svg { transform: scaleX(-1); }

/* V40: danışmanlık adımları arasındaki ok. Dikey akışta (1200 px altı) aşağı bakar (RTL aracı dönüşümü ters çevirdiği için burada sabitlenir), yatay akışta (1200 px ve üstü) okuma yönüne göre çevrilir */
html[lang="ar"] .adv-steps--cards .adv-step:not(:last-child)::after { transform: rotate(90deg); }
@media (min-width: 1200px) { html[lang="ar"] .adv-steps--cards .adv-step:not(:last-child)::after { transform: scaleX(-1); } }

/* V40.1: form bot tuzağı RTL'de sayfa dışına (sağ uca) taşmasın. Görünmez ve tıklanamaz kalır, yerinde 1 px kırpılır */
html[dir="rtl"] .adv-form-hp { right: 0; left: auto; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
