/**
 * ar.css — Premium Arabic RTL booking form overlay
 * Scope : html[dir="rtl"] body.home-page only
 * Layer : Loads after design-9 CSS; elevates to Gulf / Middle-East luxury UX
 * Safe  : Does NOT touch JS selectors, input names, ids, data-* attributes
 * Font  : Tajawal (loaded globally for ar locale by head.blade.php)
 */

/* ════════════════════════════════════════════════════════════════════════════
   0. ARABIC FONT BASELINE
   Arabic characters render larger than Latin at the same px value.
   We compensate globally so the form doesn't feel oversized.
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page {
  font-family: 'Tajawal', 'Segoe UI', system-ui, sans-serif !important;
}

html[dir="rtl"] body.home-page *,
html[dir="rtl"] body.home-page input,
html[dir="rtl"] body.home-page select,
html[dir="rtl"] body.home-page button,
html[dir="rtl"] body.home-page label {
  font-family: 'Tajawal', 'Segoe UI', system-ui, sans-serif !important;
  letter-spacing: 0 !important;          /* Arabic has no letter-spacing */
}

/* ════════════════════════════════════════════════════════════════════════════
   1. CARD SHELL — warmer premium surface for Arabic market
════════════════════════════════════════════════════════════════════════════ */

/* Desktop card */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell .hero-form-col .content_tabs {
  background: #fefefe !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  box-shadow:
    0 3px 0 0 #fcb142 inset,           /* gold top accent — thicker */
    0 28px 64px rgba(0, 0, 0, 0.18),
    0 6px 16px rgba(0, 0, 0, 0.07) !important;
  padding: 18px 20px 20px !important;
}

/* Mobile card */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_main_wrapper.hero-mobile-card,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_main_wrapper {
  background: #fefefe !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  box-shadow:
    0 3px 0 0 #fcb142 inset,
    0 20px 48px rgba(0, 0, 0, 0.16) !important;
  padding: 16px 16px 18px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   2. FORM TITLE (tab header / service name)
   Remove aggressive uppercase + tracking — Arabic caps don't exist.
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_form_heading_wrapper h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_heading_wrapper h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .hero-mobile-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #5a5550 !important;
  text-align: right !important;
  direction: rtl !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   3. FIELD LABELS
   Arabic labels need normal case, slightly larger size, warm tone.
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_form_input_wrapper h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .form-sec-header h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_input_wrapper h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-sec-header h3 {
  font-size: 11px !important;           /* +2px vs 9px Latin — Arabic chars need it */
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;      /* no uppercase in Arabic */
  color: #888078 !important;
  margin: 0 0 6px !important;
  text-align: right !important;
  direction: rtl !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   4. INPUTS — premium Arabic feel
   Taller (Arabic glyphs with diacritics need more height), warmer border.
════════════════════════════════════════════════════════════════════════════ */

/* Desktop */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .form-control {
  min-height: 50px !important;
  padding: 10px 14px 10px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1714 !important;
  background: #faf8f4 !important;
  border: 1.5px solid #e2ddd5 !important;
  border-radius: 10px !important;
  text-align: right !important;
  direction: rtl !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .form-control:focus {
  background: #ffffff !important;
  border-color: #fcb142 !important;
  box-shadow: 0 0 0 3px rgba(252, 177, 66, 0.15), 0 1px 4px rgba(0,0,0,.06) !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .form-control::placeholder {
  color: #b8b2a8 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* Mobile */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-control {
  min-height: 50px !important;
  padding: 10px 14px 10px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1714 !important;
  background: #faf8f4 !important;
  border: 1.5px solid #e2ddd5 !important;
  border-radius: 10px !important;
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-control:focus {
  background: #fff !important;
  border-color: #fcb142 !important;
  box-shadow: 0 0 0 3px rgba(252, 177, 66, 0.15) !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-control::placeholder {
  color: #b8b2a8 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* Date/time inputs — keep LTR format but match height */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .dinamicGo,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .dinamicElem,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .dinamicGo,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .dinamicElem {
  min-height: 50px !important;
  direction: ltr !important;
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: 13px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   5. SELECT (passengers) — Arabic-friendly
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_select .myselect,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_select select,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_select .myselect,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_select select {
  min-height: 50px !important;
  border-radius: 10px !important;
  border: 1.5px solid #e2ddd5 !important;
  background: #faf8f4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1714 !important;
  direction: rtl !important;
  text-align: right !important;
  padding-right: 14px !important;
  padding-left: 28px !important;
}

/* nice-select override */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_select .nice-select,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_select .nice-select {
  min-height: 50px !important;
  line-height: 48px !important;
  border-radius: 10px !important;
  border: 1.5px solid #e2ddd5 !important;
  background: #faf8f4 !important;
  direction: rtl !important;
  padding-right: 14px !important;
  text-align: right !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   6. ADD STOP BUTTON — RTL repositioned, premium Arabic style
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .stop-add-btn,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .from-stop-row .stop-add-btn,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .stop-add-btn {
  min-height: 50px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #7a7268 !important;
  background: #f5f2ec !important;
  border: 1.5px solid #e2ddd5 !important;
  border-radius: 10px !important;
  direction: rtl !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .stop-add-btn:hover,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .stop-add-btn:hover {
  border-color: #fcb142 !important;
  color: #b87910 !important;
  background: #fffaf0 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   7. RETURN TRIP ROW — redesigned, premium Arabic layout
════════════════════════════════════════════════════════════════════════════ */

/* Container */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checkbox,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 4px !important;
  padding: 12px 0 6px !important;
  border-top: 1px solid #f0ece4 !important;
  direction: rtl !important;
}

/* Checkbox — warm gold accent */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checkbox input[type="checkbox"],
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  accent-color: #fcb142 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* Label */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checkbox input[type="checkbox"] + label,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox input[type="checkbox"] + label {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #3a3530 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   8. TRUST BULLETS — premium Arabic trust badges
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checkbox_bottom,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox_bottom {
  margin-top: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid #f0ece4 !important;
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checout_left,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_left {
  flex: 1 1 auto !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checout_right,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_right {
  flex: 0 0 auto !important;
}

/* Bullet list */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .booking-features,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .booking-features,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checout_left ul,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_left ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .booking-features li,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .booking-features li,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checout_left li,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_left li {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6a6460 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

/* Gold check icon */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .booking-features .fa-check-circle,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .booking-features .fa-check-circle,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_checout_left .fa-check-circle,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_left .fa-check-circle {
  color: #fcb142 !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   9. CTA SUBMIT BUTTON — Arabic premium treatment
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm #carlist.submitForm,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .submitForm,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile #carlist_m.submitForm,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .submitForm {
  min-height: 50px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;      /* no uppercase in Arabic */
  direction: rtl !important;
  background: #fcb142 !important;
  border-radius: 10px !important;
  color: #111111 !important;
  box-shadow: 0 5px 18px rgba(252, 177, 66, 0.4) !important;
  gap: 10px !important;
  flex-direction: row-reverse !important; /* arrow on left in RTL */
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm #carlist.submitForm:hover,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .submitForm:hover,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .submitForm:hover {
  background: #e09820 !important;
  box-shadow: 0 8px 26px rgba(224, 152, 32, 0.48) !important;
  transform: translateY(-1px) !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   10. RETURN DESTINATION INPUT block
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .return-diff-block,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .return-diff-block {
  direction: rtl !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .return-diff-block .x_slider_form_input_wrapper h3,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .return-diff-block .x_slider_form_input_wrapper h3 {
  text-align: right !important;
  direction: rtl !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   11. STOP CHAIN — Arabic labels right-aligned
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm #transfer-stops-chain,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile #transfer-stops-chain-mobile {
  direction: rtl !important;
}

/* Stop block labels/buttons */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell .transfer-stop-block,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell .stop-toggle-row {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell .stop-toggle-row {
  flex-direction: row-reverse !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   12. ERROR / NOTICE MESSAGES
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .transfer-notice,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .js-pickup-istanbul-only-error,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .js-select-from-list-error,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .transfer-notice,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .js-pickup-istanbul-only-error,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .js-select-from-list-error {
  text-align: right !important;
  direction: rtl !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   13. SPACING REFINEMENTS — generous whitespace suits Arabic reading rhythm
════════════════════════════════════════════════════════════════════════════ */

/* Slightly more vertical gap between fields for Arabic paragraph spacing */
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .x_slider_form_input_wrapper,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_input_wrapper {
  margin-bottom: 12px !important;
}

html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferForm .form-sec-header,
html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-sec-header {
  margin-bottom: 12px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   14. MOBILE — premium Arabic booking experience
   Critical: no horizontal overflow, proper right-to-left feel on small screens
════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767.98px) {

  /* Prevent all horizontal overflow */
  html[dir="rtl"] body.home-page .x_responsive_form_wrapper {
    overflow-x: hidden !important;
  }

  /* Mobile card: elegant compact padding */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_form_main_wrapper {
    padding: 16px 14px 18px !important;
    border-radius: 16px !important;
  }

  /* Mobile: larger inputs for touch */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .form-control {
    min-height: 52px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
  }

  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_select select {
    min-height: 52px !important;
    font-size: 15px !important;
  }

  /* Mobile: submit button — full-width, prominent */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .submitForm {
    min-height: 54px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  /* Mobile: trust bullets — compact single column */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox_bottom {
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 8px !important;
  }

  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_right {
    width: 100% !important;
  }

  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_right ul {
    direction: rtl !important;
  }

  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checout_right .submitForm {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Mobile: return row */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .x_slider_checkbox {
    flex-direction: row-reverse !important;
    gap: 14px !important;
  }

  /* Mobile: stop button full proportional */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .stop-add-btn {
    min-height: 52px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  /* Mobile: from-stop-row no overflow */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .from-stop-row {
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .from-stop-row .form-control {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }

  /* Mobile: title right-aligned */
  html[dir="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-shell #transferFormMobile .hero-mobile-title {
    text-align: right !important;
    width: 100% !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
   15. HERO COPY — Arabic locale copy adjustments
   The hero title + subtitle on the Arabic homepage.
════════════════════════════════════════════════════════════════════════════ */
html[dir="rtl"] body.home-page .cab-hero-kicker,
html[dir="rtl"] body.home-page .cab-hero-title,
html[dir="rtl"] body.home-page .cab-hero-subtitle {
  text-align: right !important;
  direction: rtl !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.home-page .cab-hero-title {
  font-size: clamp(30px, 5vw, 54px) !important;  /* Arabic needs slightly more size */
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir="rtl"] body.home-page .cab-hero-kicker {
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir="rtl"] body.home-page .cab-hero-cta-list {
  justify-content: flex-end !important;
  direction: rtl !important;
  flex-direction: row-reverse !important;
}

/* V2 home overlay hero copy (cab8b5 shell — not legacy .cab-hero-title in slider) */
html[dir*="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-title,
html[dir*="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-subtitle,
html[lang="ar"] body.home-page.cab8b5-v2-shell .cab8b5-hero-title,
html[lang="ar"] body.home-page.cab8b5-v2-shell .cab8b5-hero-subtitle {
  direction: rtl !important;
  text-align: right !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir*="rtl"] body.home-page.cab8b5-v2-shell .cab8b5-hero-overlay__inner,
html[lang="ar"] body.home-page.cab8b5-v2-shell .cab8b5-hero-overlay__inner {
  direction: rtl !important;
  text-align: right !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   16. FINE-TUNE: remove/override latin-specific visual artifacts
════════════════════════════════════════════════════════════════════════════ */

/* fa-arrow-right inside submit button: visually flip for RTL */
html[dir="rtl"] body.home-page .submitForm .fa-arrow-right {
  transform: scaleX(-1) !important;
  display: inline-block !important;
}

/* nice-select arrow: position for RTL */
html[dir="rtl"] body.home-page .x_slider_select .nice-select::after {
  right: auto !important;
  left: 12px !important;
}

/* Cal-icon calendar position: swap for RTL */
html[dir="rtl"] body.home-page .cab8b5-hero-shell .cal-icon {
  direction: ltr !important;   /* date format stays LTR */
}

/* ════════════════════════════════════════════════════════════════════════════
   17. OCWD /cwd page — Arabic RTL layout (body.rentacar-page.ocwd-page)
════════════════════════════════════════════════════════════════════════════ */

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-container {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-hero__inner {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-section-heading,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-section-heading h2,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-section-lead {
  text-align: right !important;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-why-card,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-case,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-how-card {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-trust-text,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-trust-text strong,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-trust-text span {
  text-align: right !important;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-layout {
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-copy {
  grid-column: 2;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-side {
  grid-column: 1;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-copy h2,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-copy p,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-checklist h3,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-checklist li {
  text-align: right !important;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-checklist ul {
  padding-right: 20px;
  padding-left: 0;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-inner {
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-sidebar {
  grid-column: 2;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-right {
  grid-column: 1;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-sidebar h2,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-sidebar p,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-qh,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-qa {
  text-align: right !important;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-cta-inner {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-cta-btns {
  justify-content: flex-end;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 12px;
}

/* Services strip on CWD: RTL headings + carousel card text */
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-svc-wrap .chv2-sec-head,
html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-svc-wrap .chv2-svc-c__body {
  text-align: right !important;
  direction: rtl;
}

html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-rev-wrap .chv2-ti-original-test__title {
  text-align: right !important;
}

@media (max-width: 991.98px) {
  html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-copy,
  html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-seo-side,
  html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-sidebar,
  html[dir="rtl"] body.rentacar-page.ocwd-page .cwd-v3-main--ar-rtl .cwd-v3-faq-right {
    grid-column: auto;
  }
}