/* =====================================================================
   زاد التكامل — English / LTR overrides
   Loaded on every page; every rule is scoped to [dir="ltr"], so it only
   applies when the document is switched to English:
     <html lang="en" dir="ltr">
   The base stylesheet already uses logical properties where possible;
   this file mirrors the remaining physical (left/right) rules, flips the
   decorative cars so they face the right way, and switches the font.
   ===================================================================== */

/* ---------- base ---------- */
[dir="ltr"] body { direction: ltr; text-align: left; font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; }
[dir="ltr"] { --font-ar: 'Poppins', 'Segoe UI', Arial, sans-serif; --font-en: 'Poppins', 'Segoe UI', Arial, sans-serif; }
[dir="ltr"] .section-title { letter-spacing: 0; }
[dir="ltr"] h1, [dir="ltr"] h2, [dir="ltr"] h3, [dir="ltr"] h4 { letter-spacing: -.2px; }
[dir="ltr"] .section-head .section-title,
[dir="ltr"] .listing-head .section-title { text-align: left; }
/* icons that point "back" in RTL point forward in LTR */
[dir="ltr"] .fa-angle-left, [dir="ltr"] .fa-angles-left, [dir="ltr"] .fa-angle-right, [dir="ltr"] .fa-angles-right { transform: scaleX(-1); display: inline-block; }
[dir="ltr"] .service-card__link:hover i { transform: scaleX(-1) translateX(-4px); }
[dir="ltr"] .whatsapp-float { right: auto; left: 28px; }

/* ---------- header ---------- */
[dir="ltr"] .nav-menu__list a { letter-spacing: .1px; }
[dir="ltr"] .nav-lang { letter-spacing: 0; }

/* ---------- hero: text on the left, car on the right ---------- */
[dir="ltr"] .hero-bg { transform: scale(1.08) scaleX(-1); animation-name: heroZoomLtr; }
@keyframes heroZoomLtr { to { transform: scale(1) scaleX(-1); } }
[dir="ltr"] .hero-title { letter-spacing: -.5px; }
[dir="ltr"] .page-hero__bg { transform: scaleX(-1); }

/* ---------- select2 ---------- */
[dir="ltr"] .select2-container--default .select2-selection--single .select2-selection__arrow { left: auto; right: 16px; }
[dir="ltr"] .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 16px; padding-right: 40px; text-align: left; }
[dir="ltr"] .select2-dropdown { direction: ltr; }
[dir="ltr"] .select2-container--default .select2-results__option { text-align: left; }

/* ---------- steps: cards on the left, car bleeds to the right edge ---------- */
[dir="ltr"] .step { padding: 10px 24px 8px 18px; }
[dir="ltr"] .steps-path { transform: scaleX(-1); }
[dir="ltr"] .steps-car-wrap { left: auto; right: -40px; transform: scaleX(-1); }
@media (max-width: 1280px) { [dir="ltr"] .steps-car-wrap { right: -20px; } }
@media (max-width: 1199px) { [dir="ltr"] .steps-car-wrap { right: -30px; } }
@media (max-width: 991px) { [dir="ltr"] .steps-car-wrap { right: -3%; left: auto; } }
/* the entrance animation is mirrored too */
[dir="ltr"] .steps-car.drive-from-left,
[dir="ltr"] .faq-car.drive-from-left { transform: translate3d(60%, 0, 0) scale(.96); }
[dir="ltr"] .steps-car.drive-from-left.is-in,
[dir="ltr"] .faq-car.drive-from-left.is-in { animation-name: driveInRightLtr; }
@keyframes driveInRightLtr {
  0%   { opacity: 0; transform: translate3d(60%, 0, 0) scale(.96); }
  20%  { opacity: 1; }
  70%  { transform: translate3d(-10px, 0, 0) scale(1.005); }
  82%  { transform: translate3d(3px, 3px, 0) scale(1); }
  92%  { transform: translate3d(0, -2px, 0) scale(1); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

/* ---------- FAQ: car bleeds to the right ---------- */
[dir="ltr"] .faq-car { left: auto; right: 0; transform: scaleX(-1); }
[dir="ltr"] .faq-car.is-done { transform: scaleX(-1) !important; }
[dir="ltr"] .steps-car.is-done { transform: none !important; }
@media (max-width: 991px) { [dir="ltr"] .faq-car { right: -4%; left: auto; } }
[dir="ltr"] .acc-head { text-align: left; }
[dir="ltr"] .acc-head i { margin-inline-end: 0; margin-inline-start: 10px; }

/* ---------- footer ---------- */
[dir="ltr"] .footer-col h4::after { right: auto; left: 0; }
[dir="ltr"] .footer-about p { text-align: left; }
@media (max-width: 767px) {
  /* mobile: the about block is centred in both directions */
  [dir="ltr"] .footer-about p { text-align: center; }
}
[dir="ltr"] .store-badge { direction: ltr; }

/* ---------- mobile side menu: slides in from the left ---------- */
@media (max-width: 991px) {
  [dir="ltr"] .nav-menu { right: auto; left: 0; transform: translateX(-100%); box-shadow: none; }
  [dir="ltr"] .nav-menu.open { transform: translateX(0); box-shadow: 16px 0 50px rgba(0, 0, 0, .35); }
  [dir="ltr"] .nav-menu__list li { transform: translateX(-24px); }
  [dir="ltr"] .nav-menu.open .nav-menu__list li { transform: none; }
  [dir="ltr"] .nav-menu__list a::after { transform: rotate(-135deg); }
  [dir="ltr"] .nav-menu__list a:hover::after, [dir="ltr"] .nav-menu__list a.active::after { transform: rotate(-135deg) translate(-2px, 2px); }
}

/* ---------- single auction ---------- */
[dir="ltr"] .gallery__nav--prev { right: auto; left: 16px; }
[dir="ltr"] .gallery__nav--next { left: auto; right: 16px; }
[dir="ltr"] .gallery__count { left: auto; right: 16px; }
[dir="ltr"] .gallery__main img.is-switching { transform: translateX(24px) scale(.97); }
[dir="ltr"] .bids-table--sm th, [dir="ltr"] .bids-table--sm td { text-align: left; }
[dir="ltr"] .article-body blockquote { border-radius: 10px 0 0 10px; }

/* ---------- forms ---------- */
[dir="ltr"] .field__control input, [dir="ltr"] .field__control textarea { padding: 0 16px 0 46px; }
[dir="ltr"] .field__control--area textarea { padding: 14px 16px; }
[dir="ltr"] .field__control input.en,
[dir="ltr"] .field__control input[type="email"],
[dir="ltr"] .field__control input[type="tel"],
[dir="ltr"] .field__control input[inputmode="numeric"] { text-align: left; padding: 0 16px 0 46px; }
[dir="ltr"] .field__control input::placeholder,
[dir="ltr"] .field__control input.en::placeholder { direction: ltr; text-align: left; }
[dir="ltr"] .switch input:checked + span::after { transform: translateX(20px); }
[dir="ltr"] .auth__car { left: auto; right: -80px; transform: scaleX(-1); }
[dir="ltr"] .auth__logo { margin: 0 0 30px -12px; }

/* ---------- inner pages ---------- */
[dir="ltr"] .about-car { left: auto; right: -6%; transform: scaleX(-1); }
[dir="ltr"] .about-blob { left: auto; right: 6%; }
[dir="ltr"] .svc-blob { right: auto; left: 8%; }
[dir="ltr"] .svc-car { transform: translate(-50%, -50%) scaleX(-1); }
[dir="ltr"] .svc-car.is-done { transform: translate(-50%, -50%) scaleX(-1) !important; }
[dir="ltr"] .contact-map__card { text-align: center; }
[dir="ltr"] .legal-toc ol { counter-reset: none; }
[dir="ltr"] .post-card__meta time, [dir="ltr"] .side-posts time { direction: ltr; }