/* RTL Support for Arabic */
/* NOT: flex satırlarını (flex-direction:row) ZATEN sağdan-sola aynalar.
Bu yüzden burada AYRICA flex-direction:row-reverse EKLENMEZ — çift-çevirme (double-flip)
olur, iki çevirme birbirini iptal eder ve görsel LTR'ye döner (logo sola, sepet resmi sola).
Altın kural: tek CSS hem LTR hem RTL'de çalışır → sadece dir'in kendiliğinden çözemediği
şeyler override edilir: absolute left/right, ikon transform, sayı/para için bidi izolasyonu. */
[dir="rtl"] {
font-family: 'Noto Sans Arabic', 'Source Sans 3', sans-serif;
}
[dir="rtl"] .header__dropdown-menu {
text-align: right;
}
[dir="rtl"] .header__dd-arrow {
transform: rotate(180deg);
}
/* Flip margins and paddings */
[dir="rtl"] .section__title,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
text-align: right;
}
[dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] span, [dir="rtl"] label {
text-align: right;
}
/* Product cards */
[dir="rtl"] .product-card {
text-align: right;
}
/* Footer */
[dir="rtl"] .footer {
text-align: right;
}
/* Forms */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
text-align: right;
direction: rtl;
}
/* Cart dropdown */
[dir="rtl"] .cart-dropdown {
left: 0;
right: auto;
direction: rtl;
text-align: right;
}
[dir="rtl"] .cart-dropdown__title {
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[dir="rtl"] .cart-item {
text-align: right;
}
/* Kaldır (x) butonu absolute → dir aynalamaz, elle sağa alınır (resim artık sağda) */
[dir="rtl"] .cart-item__remove {
left: auto;
right: -.5rem;
}
[dir="rtl"] .cart-item__name {
text-align: right;
}
[dir="rtl"] .cart-item__qty {
text-align: right;
}
/* Announcement bar */
[dir="rtl"] .ann-bar {
direction: rtl;
}
/* ─── Price / Currency bidi isolation ─── */
/* Numbers with currency symbols must stay LTR even in RTL context.
Without this, "299 SAR" can display as "SAR 299" due to bidi algorithm. */
[dir="rtl"] .card__price,
[dir="rtl"] .pdp-info__price,
[dir="rtl"] .cart-item__qty,
[dir="rtl"] .cart-item__price,
[dir="rtl"] .cart-page-item__price,
[dir="rtl"] .cart-dropdown__row b,
[dir="rtl"] .cart-dropdown__row span:last-child,
[dir="rtl"] .cart-summary__row span:last-child,
[dir="rtl"] .cart-summary__total span:last-child,
[dir="rtl"] .js-cart-subtotal,
[dir="rtl"] .js-cart-total,
[dir="rtl"] .js-cargo-price,
[dir="rtl"] .js-grand-total,
[dir="rtl"] .js-subtotal {
direction: ltr;
unicode-bidi: isolate;
display: inline-block;
}
/* Numeric inputs should stay LTR (phone, price, quantity) */
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[name="CardNumber"],
[dir="rtl"] input[name="ExpiryDate"],
[dir="rtl"] input[name="CVV"] {
direction: ltr;
text-align: left;
}
/* Checkout price summaries */
[dir="rtl"] .checkout-summary__price,
[dir="rtl"] .checkout-summary__total {
direction: ltr;
unicode-bidi: isolate;
}