/**
 * web2 · RTL layer (ar / fa / ur / he)
 * Loaded only when dir=rtl. Does not replace styles.css / home-v2.css.
 *
 * Rules: logical props · LTR islands for catalog titles/prices · no row-reverse ·
 * no badge left+right fights (badges use inset-inline in source CSS).
 */

html[dir='rtl'] {
  --font-rtl: 'Segoe UI', Tahoma, 'Arabic Typesetting', 'Helvetica Neue', Arial, sans-serif;
  font-family: var(--font-rtl);
}
html[dir='rtl'] body {
  font-family: var(--font-rtl);
  text-align: start;
}

/* Hero: darken inline-start (right); mirror LTR photo so subject clears copy */
html[dir='rtl'] .homeHero-shade,
html[dir='rtl'] .homeHero-shade--ad {
  background:
    linear-gradient(270deg,
      rgba(11, 31, 51, .90) 0%,
      rgba(11, 31, 51, .72) 20%,
      rgba(11, 31, 51, .38) 34%,
      rgba(11, 31, 51, .12) 44%,
      transparent 54%),
    linear-gradient(255deg,
      color-mix(in srgb, #1769aa 26%, transparent) 0%,
      transparent 40%),
    linear-gradient(180deg,
      transparent 72%,
      rgba(244, 246, 249, .22) 88%,
      rgba(244, 246, 249, .82) 100%);
}
html[dir='rtl'] .homeHero-media {
  transform: scaleX(-1);
  transform-origin: center;
}
html[dir='rtl'] .homeHero-nav--prev {
  left: auto;
  right: 16px;
}
html[dir='rtl'] .homeHero-nav--next {
  right: auto;
  left: 16px;
}
html[dir='rtl'] .homeHero-navIcon {
  transform: scaleX(-1);
}

html[dir='rtl'] .homeHero-copy,
html[dir='rtl'] .homeHero-title,
html[dir='rtl'] .homeHero-lead,
html[dir='rtl'] .homeHero-trust,
html[dir='rtl'] .homeSearch-field > span,
html[dir='rtl'] .mpCard-body,
html[dir='rtl'] .faqItem summary,
html[dir='rtl'] .faqBody,
html[dir='rtl'] .siteFoot {
  text-align: start;
}

/*
 * Catalog titles: Latin-first strings stay LTR; pack to the RTL start edge (right).
 * Do NOT use direction:rtl on these — it shreds mixed Brand … إصدار text.
 */
html[dir='rtl'] .mpCard-title,
html[dir='rtl'] .mpCard-title a,
html[dir='rtl'] .mpCard h3,
html[dir='rtl'] .mpCard h3 a,
html[dir='rtl'] .vehCard h3,
html[dir='rtl'] .vehCard h3 a,
html[dir='rtl'] [data-vd-title] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}

/*
 * Page heroes: Latin filter titles (EV / PHEV / BYD…) must not sit on the
 * physical left. `[data-i18n]{unicode-bidi:plaintext}` would flip start→left.
 */
html[dir='rtl'] .pageHero h1,
html[dir='rtl'] .pageHero .marketHero > div > h1,
html[dir='rtl'] .reqIntro-copy h1,
html[dir='rtl'] .brandHero h1 {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}

html[dir='rtl'] .siteHead-actions {
  margin-inline-start: auto;
}
html[dir='rtl'] .siteLocMenu,
html[dir='rtl'] .locMenu {
  left: auto;
  right: 0;
}

html[dir='rtl'] .chevron,
html[dir='rtl'] .icon-chevron,
html[dir='rtl'] .siteNav-more::after,
html[dir='rtl'] .crumb .sep,
html[dir='rtl'] .btn-next > svg,
html[dir='rtl'] .pager-next > svg {
  transform: scaleX(-1);
}

html[dir='rtl'] .reqCard-foot .btn,
html[dir='rtl'] .vehCard-cta {
  margin-inline-start: auto;
}

html[dir='rtl'] .modal-close,
html[dir='rtl'] .drawer-close {
  inset-inline-end: auto;
  inset-inline-start: 12px;
}

html[dir='rtl'] input:not([type='email']):not([type='tel']):not([type='url']):not([type='number']),
html[dir='rtl'] textarea,
html[dir='rtl'] .field,
html[dir='rtl'] .siteHead-searchInput {
  text-align: start;
}

/* LTR islands */
html[dir='rtl'] .price,
html[dir='rtl'] .money,
html[dir='rtl'] .num,
html[dir='rtl'] .year,
html[dir='rtl'] .vin,
html[dir='rtl'] .code,
html[dir='rtl'] .latin,
html[dir='rtl'] [data-ltr],
html[dir='rtl'] .mpCard-priceMain,
html[dir='rtl'] .mpCard-priceSub,
html[dir='rtl'] .homeStat-val,
html[dir='rtl'] .stat-num,
html[dir='rtl'] time,
html[dir='rtl'] .siteHead-langWrap {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir='rtl'] .brandLogo,
html[dir='rtl'] .brandLogo-img,
html[dir='rtl'] .logo {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir='rtl'] input[type='email'],
html[dir='rtl'] input[type='tel'],
html[dir='rtl'] input[type='url'],
html[dir='rtl'] input[type='number'] {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

html[dir='rtl'] p,
html[dir='rtl'] li,
html[dir='rtl'] label,
html[dir='rtl'] .faqItem summary,
html[dir='rtl'] .faqBody,
html[dir='rtl'] [data-i18n],
html[dir='rtl'] [data-i18n-html] {
  unicode-bidi: plaintext;
}

html[dir='rtl'] .text-left { text-align: start !important; }
html[dir='rtl'] .text-right { text-align: end !important; }


/* —— Home biz banner ——
 * Grid already mirrors under dir=rtl; car must sit on the outer (inline-end)
 * edge so slots stay near the copy. Fallback if `to inline-end` unsupported. */
html[dir='rtl'] .bizBanner-media {
  left: 0;
  right: auto;
}
html[dir='rtl'] .bizBanner-media::before {
  /* Navy toward copy (inline-start / right); car clears on outer edge */
  background: linear-gradient(
    270deg,
    rgb(var(--v2-shade)) 0%,
    rgba(var(--v2-shade), 0.75) 28%,
    rgba(var(--v2-shade), 0.2) 55%,
    transparent 78%
  );
}

/* —— Footer ——
 * Arabic column titles: drop Latin uppercase tracking; keep columns packed. */
html[dir='rtl'] .footer h4,
html[dir='rtl'] .footer-v7 h4,
html[dir='rtl'] .footer-v2 h4 {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
}
html[dir='rtl'] .footerBrand-tag {
  max-width: 42ch;
}
html[dir='rtl'] .footerGrid-v7,
html[dir='rtl'] .footerGrid-v2,
html[dir='rtl'] .footerGrid {
  justify-items: start;
}
html[dir='rtl'] .footerBottom,
html[dir='rtl'] .footerBottom-v2 {
  flex-direction: row;
}