/* ============================================================
   UMX — Arapca (RTL) duzen duzeltmeleri
   Yalnizca /ar/ sayfalarinda yuklenir (body.umx-rtl).
   Kaynak: ar/rtl-plan.md
   ============================================================ */

/* --- 1) Kok yon --- */
body.umx-rtl { direction: rtl; text-align: right; }

/* --- 2) Latin adalari: model kodu, olcu, telefon, e-posta ---
   unicode-bidi: isolate sart; olmadan "1.1 kW · 380V · 50Hz" gibi
   noktalama iceren latin diziler RTL akisinda parcalanir. */
body.umx-rtl .umx-spec__value,
body.umx-rtl .umx-model-code,
body.umx-rtl .umx-hero__badge,
body.umx-rtl .umx-pdp__sku,
body.umx-rtl .umx-footer__address,
body.umx-rtl a[href^="tel:"],
body.umx-rtl a[href^="mailto:"],
body.umx-rtl .umx-lang,
body.umx-rtl .umx-lang__btn {
	direction: ltr;
	unicode-bidi: isolate;
}
body.umx-rtl .umx-footer__address,
body.umx-rtl .umx-spec__value { text-align: right; }

/* --- 3) Header: mega menu ve dropdown konumu --- */
body.umx-rtl .umx-mega__list a { margin-inline: -12px; }
body.umx-rtl .umx-mega__list a:hover { padding-inline-start: 16px; padding-left: 0; }
body.umx-rtl .umx-dropdown { inset-inline-start: 0; left: auto; right: 0; }
body.umx-rtl .umx-mega { left: auto; right: 50%; transform: translate(50%, 0); }

/* --- 4) Yon bildiren ikon ve oklar aynalanir --- */
body.umx-rtl .umx-arrow,
body.umx-rtl .umx-arrow-icon,
body.umx-rtl .umx-chevron--next,
body.umx-rtl .umx-breadcrumb__sep,
body.umx-rtl .umx-btn svg:last-child,
body.umx-rtl .umx-nav__cta svg { transform: scaleX(-1); }
body.umx-rtl .umx-nav__cta:hover .umx-arrow { transform: scaleX(-1) translateX(2px); }

/* Acilir menu chevron'u dikey; aynalanmamali */
body.umx-rtl .umx-nav__link svg,
body.umx-rtl .umx-nav__chevron { transform: none; }

/* --- 5) Liste madde isaretleri ve girintiler --- */
body.umx-rtl ul, body.umx-rtl ol { padding-inline-start: 1.25em; padding-left: 0; }
body.umx-rtl .umx-uses__list li,
body.umx-rtl .umx-check-list li { padding-inline-start: 1.6em; padding-left: 0; background-position: right center; }

/* --- 6) Kenar cizgileri ve vurgu seritleri --- */
body.umx-rtl .umx-quote,
body.umx-rtl .umx-editorial,
body.umx-rtl .umx-note {
	border-left: 0;
	border-inline-start: 3px solid currentColor;
	padding-inline-start: 1rem;
	padding-left: 0;
}

/* --- 7) Sayi + "+" isareti (40+, 50+) LTR kalmali --- */
body.umx-rtl .umx-stat__number,
body.umx-rtl .umx-stat__value { direction: ltr; unicode-bidi: isolate; }

/* --- 8) Form alanlari --- */
body.umx-rtl .ff-el-group,
body.umx-rtl .ff-el-input--label,
body.umx-rtl .frm-fluent-form { text-align: right; }
body.umx-rtl .ff-el-form-control { direction: rtl; text-align: right; }
body.umx-rtl input[type="tel"],
body.umx-rtl input[type="email"],
body.umx-rtl input[type="url"] { direction: ltr; text-align: left; }

/* --- 9) Kart hover kaymalari yon duyarli --- */
body.umx-rtl .umx-card:hover,
body.umx-rtl .umx-cat-card:hover { transform: translateX(-4px); }

/* --- 10) Dekoratif gorseller ve donusler: DOKUNMA ---
   Makine gorsellerinin rotasyonu aynalanirsa urun ters gorunur. */
body.umx-rtl .umx-hero__image,
body.umx-rtl .umx-hero__visual img,
body.umx-rtl .umx-product__image { transform: none !important; }

/* --- 11) Merkezleme --- */
body.umx-rtl .umx-center { margin-inline: auto; }

/* --- 12) Sayi + "+" bloklari LTR akista kalsin (40+ , 50+) --- */
body.umx-rtl .umx-trust__number,
body.umx-rtl .umx-stat,
body.umx-rtl .umx-counter {
	direction: ltr;
	unicode-bidi: isolate;
}