/* Scorpi Turk Venom — Arapça (RTL) katmanı. Yalnız ar/ sayfalarında, marka.css'ten SONRA yüklenir (ceviri_uret.py ekler).
   Izgara ve flex yönü dir="rtl" ile kendiliğinden döner; burada yalnız sol/sağa sabitlenmiş kurallar aynalanır.
   Yazı tipi: Latin harfler Sora/Manrope'ta kalır, Arapça harfler Noto Kufi Arabic (başlık) / Noto Sans Arabic (metin). */

:root{
	--default-font: "Manrope", "Noto Sans Arabic", sans-serif;
	--accent-font: "Sora", "Noto Kufi Arabic", sans-serif;
}
body{
	line-height: 1.75;
}

/* Telefon, e-posta, kodlar ve SVG çizimleri soldan sağa kalır (numara ters dönmesin) */
a[href^="tel:"],
a[href^="mailto:"]{
	direction: ltr;
	unicode-bidi: isolate;
}
svg{
	direction: ltr;
}

/* Header: hız çizgileri ve yürüyen akrep şeritleri aynalı — logo sağda, buton solda */
.navbar-brand::before,
.navbar-brand::after{
	right: auto;
	left: calc(100% + 3px);
}
.navbar-brand::before{
	background: linear-gradient(to left, rgba(13, 106, 208, 0) 0%, rgba(13, 106, 208, 0.3) 60%, var(--hiz-renk) 100%);
	transform-origin: left center;
}
.navbar-brand::after{
	background: linear-gradient(to left, transparent 0, var(--hiz-isik) 50%, transparent 100%) no-repeat;
	background-size: 30% 100%;
	animation-name: isik-sola;
}
.header-btn::before,
.header-btn::after{
	left: auto;
	right: calc(100% + 10px);
}
.header-btn::before{
	background: linear-gradient(to right, rgba(13, 106, 208, 0) 0%, rgba(13, 106, 208, 0.3) 60%, var(--hiz-renk) 100%);
	transform-origin: right center;
}
.header-btn::after{
	background: linear-gradient(to right, transparent 0, var(--hiz-isik) 50%, transparent 100%) no-repeat;
	background-size: 30% 100%;
	animation-name: isik-saga;
}
.akrep-sol{
	right: auto;
	left: calc(100% + 3px);
	transform: scaleX(-1);
}
.akrep-sag{
	left: auto;
	right: calc(100% + 10px);
	transform: scaleX(-1);
}

/* Bölüm etiketi (nokta başta) */
.section-title h3,
.section-title .bolum-etiket{
	padding: 8px 32px 8px 16px;
}
.section-title h3::before,
.section-title .bolum-etiket::before{
	left: auto;
	right: 16px;
}

/* Tema düğmeleri: ok solda ve aynalı */
.btn-default{
	padding: 17px 20px 17px 50px;
}
.btn-default::before{
	right: auto;
	left: 20px;
	transform: translateY(-50%) scaleX(-1);
}
.btn-default:hover::before{
	transform: translateY(-50%) scaleX(-1) rotate(45deg);
}
.readmore-btn{
	padding-right: 0;
	padding-left: 26px;
}
.readmore-btn::before{
	right: auto;
	left: 0;
	transform: scaleX(-1);
}
.readmore-btn:hover::before{
	transform: scaleX(-1) rotate(45deg);
}
.fa-arrow-left,
.fa-arrow-right,
.fa-arrow-up-right,
.fa-angle-right,
.fa-angle-left,
.fa-chevron-right,
.fa-chevron-left{
	transform: scaleX(-1);
}

/* SSS akordeonu: işaret solda */
.accordion-button{
	text-align: right;
}
.faq-accordion .accordion-header .accordion-button{
	padding-right: 0;
	padding-left: 25px;
}
.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	right: auto;
	left: 0;
}
.faq-accordion .accordion-item .accordion-body{
	padding-right: 0;
	padding-left: 25px;
}

/* Sola sabitlenmiş hizalar */
.section-content-btn .section-btn,
.main-menu ul ul,
.footer-copyright-text,
.post-entry.yazi-govde td,
.veri-tablo td,
.blog-katlar button,
.help-block.with-errors ul{
	text-align: right;
}
.hero.hero-slider-layout.sv-hero .hero-pagination{
	text-align: right;
}

/* Yüzen düğmeler aynalı: WhatsApp + çerez sağda, asistan + ilerleme halkası solda */
.sv-wa{
	left: auto;
	right: 24px;
}
.sv-yukari{
	right: auto;
	left: 26px;
}
.sc-cagir,
.sc-panel{
	right: auto;
	left: 24px;
}
.sc-isaret{
	right: auto;
	left: -1px;
}
.sc-o{
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 6px;
}
.sc-ben{
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 6px;
}
.sc-soz ul{
	padding-left: 0;
	padding-right: 18px;
}
@media only screen and (max-width: 991px){
	.sv-wa{
		left: auto;
		right: 16px;
	}
}
@media only screen and (max-width: 575px){
	.sv-wa{
		left: auto;
		right: 14px;
	}
	.sv-yukari{
		right: auto;
		left: 19px;
	}
	.sc-cagir{
		right: auto;
		left: 16px;
	}
	.sc-panel{
		right: 8px;
		left: 8px;
	}
}

/* Açılır liste oku solda (Bootstrap LTR sağa koyuyor) */
.contact-form form .form-select,
.iletisim-form-kutu .contact-form form .form-select{
	background-position: left 18px center;
	padding-left: 44px;
	padding-right: 16px;
}

/* Arapça menü Türkçeden ~100 px geniş (ör. «التحليل والبحث والتطوير»): 1440'ta teklif düğmesi ekran dışına taşıyordu.
   Düğme 1600'ün altında gizlenir (TR'de sınır 1280), menü aralığı biraz daraltılır. */
@media only screen and (min-width: 1280px) and (max-width: 1599px){
	.main-menu .nav-menu-wrapper > ul > li > a{
		font-size: 15.5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main-menu .nav-menu-wrapper > ul > li > a .ka-mi{
		width: 17px;
		height: 17px;
		margin-left: 5px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1279px){
	.header-btn{
		display: none;
	}
}

/* Dekoratif şeritler (hız çizgisi + yürüyen akrep) RTL'de SAĞ boşlukta: LTR'de sola taşma kaydırma yaratmaz,
   sağa taşma yaratır → genişlik tam kenar boşluğu kadar (kapsayıcı 1300 px), akrep ekran kenarında biter. */
.navbar-brand::before,
.navbar-brand::after,
.akrep-sol{
	width: max(0px, calc(50vw - 653px));
}
.header-btn::before,
.header-btn::after,
.akrep-sag{
	width: max(0px, calc(50vw - 660px));
}

/* Kırıntı yolu (2026-10-17): Bootstrap ayırıcısı float:left + padding-left → RTL'de «/» öğenin yanlış tarafına düşüyor,
   «الرئيسية» ile «المدونة» bitişik görünüyordu. Ayırıcı öğenin sağına (RTL'de önüne) alınır. */
.breadcrumb-item + .breadcrumb-item{
	padding-left: 0;
	padding-right: var(--bs-breadcrumb-item-padding-x, .5rem);
}
.breadcrumb-item + .breadcrumb-item::before{
	float: right;
	padding-right: 0;
	padding-left: var(--bs-breadcrumb-item-padding-x, .5rem);
}