/* AirRide v25 HE bridge — form continuation + booking embed only.
   Do NOT set font-size / font-weight / line-height / letter-spacing on
   v25 landing headings (.hero h1, .section-head h2, .booking-title h2).
   airride-prototype.css must load after this file on the home page.
   On form pages, this file may load before prototype; form rules are
   scoped to .airride-form-page so they never touch the approved home. */
:root {
  --bg: #07101d;
  --panel: #0c1728;
  --panel2: #101e31;
  --teal: #59c9d8;
  --white: #f7f8f6;
  --muted: #a6b1c0;
  --line: rgba(255, 255, 255, 0.13);
  --ink: #06111a;
  --danger: #c9564e;
  --danger-soft: rgba(185, 74, 67, 0.12);
}

/* —— Home booking helpers (layout only) —— */
.booking .fields select {
  width: 100%;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #081321;
  color: #fff;
  padding: 0 12px;
  font: inherit;
}
.booking .fields label.missing select {
  border-color: var(--danger);
  box-shadow: 0 0 0 2px rgba(201, 86, 78, 0.13);
  animation: fieldPulse 0.75s ease 2;
}
.booking .fields[hidden] { display: none !important; }
.booking .fields .quote-button {
  background: linear-gradient(135deg, #b94a43, #9f3935) !important;
  color: #fff !important;
}
/* Round-trip: keep FROM panel visible only for return date/time */
#airridePanelFrom.airride-round-return .airride-from-route {
  display: none !important;
}
#airridePanelFrom.airride-round-return {
  margin-top: 10px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
}

/* Fixed Ben Gurion airport (no dropdown) */
.booking .ar-static-airport,
.ar-static-airport {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #081321;
  color: #d7deea;
  font: inherit;
}

/* Datepicker field + calendar icon */
.ar-date-wrap {
  position: relative;
  display: block;
  width: 100%;
}
.ar-date-wrap input.ar-date-input,
.ar-date-wrap input#rideDate,
.ar-date-wrap input#rideDateFrom,
.ar-date-wrap input#returnRideDate,
.ar-field .ar-date-wrap input {
  width: 100%;
  padding-inline-end: 42px;
  cursor: pointer;
}
.ar-date-icon {
  position: absolute;
  inset-inline-end: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--teal, #59c9d8);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ar-date-icon:hover { color: #fff; }

/* jQuery UI datepicker on dark HE shell */
.ui-datepicker {
  z-index: 10050 !important;
  font-family: Heebo, Arial, sans-serif;
  direction: rtl;
  background: #0c1728;
  border: 1px solid rgba(255, 255, 255, 0.13);
  color: #f7f8f6;
  border-radius: 10px;
  padding: 8px;
}
.ui-datepicker table { direction: rtl; }
.ui-datepicker th { color: #a6b1c0; }
.ui-datepicker .ui-state-default {
  background: #101e31;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f7f8f6;
  text-align: center;
}
.ui-datepicker .ui-state-hover {
  background: #1a2d45;
  border-color: #59c9d8;
  color: #fff;
}
.ui-datepicker .ui-state-active {
  background: #59c9d8;
  border-color: #59c9d8;
  color: #06111a;
}
.ui-datepicker .ui-state-highlight {
  border-color: #59c9d8;
}
.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0;
  color: #f7f8f6;
}
.ui-datepicker .ui-icon { background-image: none; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background: transparent;
  color: #59c9d8;
}
.ui-datepicker select { background: #101e31; color: #fff; border: 1px solid rgba(255,255,255,.13); }

.airride-booking-embed {
  width: min(calc(100% - 48px), 1460px);
  margin: 22px auto 48px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel2);
}
.airride-booking-embed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.airride-booking-embed-head h3 { margin: 0; color: var(--white); }
.airride-booking-close {
  border: 0;
  background: transparent;
  color: var(--white);
  cursor: pointer;
}
.airride-booking-embed iframe {
  width: 100%;
  min-height: 900px;
  border: 0;
  border-radius: 14px;
  background: var(--panel);
}

body.airride-he-desktop:not(.airride-lang-en) .en { display: none !important; }

/* =========================================================
   FORM FLOW — HE desktop booking stages (v25 language)
   ========================================================= */
body.airride-he-desktop.airride-form-page,
body.airride-he-desktop.airride-iframe {
  background: var(--bg) !important;
  color: var(--white) !important;
  font-family: Heebo, Arial, sans-serif;
}
body.airride-he-desktop.airride-form-page .airride-form-surface,
body.airride-he-desktop.airride-iframe .airride-form-surface {
  width: min(calc(100% - 32px), 1100px);
  margin: 20px auto 48px;
}

body.airride-he-desktop.airride-form-page .booking-form-container,
body.airride-he-desktop.airride-form-page .airride-form-card,
body.airride-he-desktop.airride-iframe .booking-form-container,
body.airride-he-desktop.airride-iframe .airride-form-card,
body.airride-he-desktop.airride-form-page .airride-panel,
body.airride-he-desktop.airride-iframe .airride-panel {
  background: var(--panel2) !important;
  color: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28) !important;
  padding: 28px !important;
  direction: rtl;
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}

body.airride-he-desktop.airride-form-page .booking-form-container h3,
body.airride-he-desktop.airride-iframe .booking-form-container h3,
body.airride-he-desktop.airride-form-page .airride-panel > h3,
body.airride-he-desktop.airride-iframe .airride-panel > h3,
body.airride-he-desktop.airride-form-page #book h3,
body.airride-he-desktop.airride-iframe #book h3 {
  color: var(--teal) !important;
  border-bottom: 1px solid var(--line) !important;
  padding-bottom: 12px !important;
  margin: 0 0 18px !important;
  background: transparent !important;
}

body.airride-he-desktop.airride-form-page .booking-form-container,
body.airride-he-desktop.airride-form-page .booking-form-container td,
body.airride-he-desktop.airride-form-page .booking-form-container label,
body.airride-he-desktop.airride-form-page #book,
body.airride-he-desktop.airride-form-page #book td,
body.airride-he-desktop.airride-iframe .booking-form-container,
body.airride-he-desktop.airride-iframe .booking-form-container td,
body.airride-he-desktop.airride-iframe #book,
body.airride-he-desktop.airride-iframe #book td {
  color: var(--white) !important;
  background: transparent;
}

body.airride-he-desktop.airride-form-page .form-control,
body.airride-he-desktop.airride-form-page input[type="text"],
body.airride-he-desktop.airride-form-page input[type="number"],
body.airride-he-desktop.airride-form-page input[type="email"],
body.airride-he-desktop.airride-form-page input[type="tel"],
body.airride-he-desktop.airride-form-page select,
body.airride-he-desktop.airride-form-page textarea,
body.airride-he-desktop.airride-iframe .form-control,
body.airride-he-desktop.airride-iframe input[type="text"],
body.airride-he-desktop.airride-iframe input[type="number"],
body.airride-he-desktop.airride-iframe select,
body.airride-he-desktop.airride-iframe textarea {
  background: #081321 !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  color: #fff !important;
  box-shadow: none !important;
  height: 44px;
}

body.airride-he-desktop.airride-form-page .date-time-container,
body.airride-he-desktop.airride-iframe .date-time-container {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
}
body.airride-he-desktop.airride-form-page .date-time-container label,
body.airride-he-desktop.airride-iframe .date-time-container label,
body.airride-he-desktop.airride-form-page .airride-field-label,
body.airride-he-desktop.airride-iframe .airride-field-label {
  color: var(--teal) !important;
}
body.airride-he-desktop.airride-form-page .time-separator,
body.airride-he-desktop.airride-iframe .time-separator {
  color: var(--teal) !important;
}

/* Distance / preview price / map */
body.airride-he-desktop.airride-form-page #distanceInfo,
body.airride-he-desktop.airride-iframe #distanceInfo,
body.airride-he-desktop.airride-form-page .airride-distance-info,
body.airride-he-desktop.airride-iframe .airride-distance-info {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  color: var(--muted) !important;
}
body.airride-he-desktop.airride-form-page #priceInfo,
body.airride-he-desktop.airride-iframe #priceInfo,
body.airride-he-desktop.airride-form-page .airride-price-preview,
body.airride-he-desktop.airride-iframe .airride-price-preview {
  background: rgba(89, 201, 216, 0.12) !important;
  border: 1px solid rgba(89, 201, 216, 0.35) !important;
  border-radius: 12px !important;
  color: var(--teal) !important;
  font-weight: 700;
}
body.airride-he-desktop.airride-form-page #routeMap,
body.airride-he-desktop.airride-iframe #routeMap {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* Vehicle picker */
body.airride-he-desktop.airride-form-page .ar-vehicle-pick,
body.airride-he-desktop.airride-iframe .ar-vehicle-pick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
body.airride-he-desktop.airride-form-page .ar-vehicle-pick button,
body.airride-he-desktop.airride-iframe .ar-vehicle-pick button {
  background: var(--panel) !important;
  color: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 14px 12px !important;
  min-height: 72px;
  white-space: normal;
  line-height: 1.25;
  box-shadow: none !important;
}
body.airride-he-desktop.airride-form-page .ar-vehicle-pick button small,
body.airride-he-desktop.airride-iframe .ar-vehicle-pick button small {
  display: block;
  color: var(--muted);
  margin-top: 4px;
}
body.airride-he-desktop.airride-form-page .ar-vehicle-pick button.is-active,
body.airride-he-desktop.airride-iframe .ar-vehicle-pick button.is-active,
body.airride-he-desktop.airride-form-page [data-vehicle-option].is-active,
body.airride-he-desktop.airride-iframe [data-vehicle-option].is-active {
  border-color: var(--teal) !important;
  box-shadow: 0 0 0 2px rgba(89, 201, 216, 0.25) !important;
  background: rgba(89, 201, 216, 0.1) !important;
  color: var(--white) !important;
}

/* Quote CTA in form — teal primary (smoked red reserved for home instant-quote) */
body.airride-he-desktop.airride-form-page .get-quote-btn,
body.airride-he-desktop.airride-iframe .get-quote-btn,
body.airride-he-desktop.airride-form-page #bookBtn,
body.airride-he-desktop.airride-iframe #bookBtn,
body.airride-he-desktop.airride-form-page .btn-primary,
body.airride-he-desktop.airride-iframe .btn-primary {
  background: var(--teal) !important;
  border: 0 !important;
  color: var(--ink) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(89, 201, 216, 0.2) !important;
  font-weight: 800 !important;
  padding: 14px 36px !important;
}
body.airride-he-desktop.airride-form-page .get-quote-btn.is-loading,
body.airride-he-desktop.airride-iframe .get-quote-btn.is-loading,
body.airride-he-desktop.airride-form-page #bookBtn[disabled],
body.airride-he-desktop.airride-iframe #bookBtn[disabled] {
  opacity: 0.72;
  cursor: wait;
  pointer-events: none;
}

/* Price + fail-closed */
body.airride-he-desktop.airride-form-page .ar-legacy-quote,
body.airride-he-desktop.airride-iframe .ar-legacy-quote {
  text-align: center;
  margin: 18px 0;
  padding: 22px !important;
}
body.airride-he-desktop.airride-form-page #totalPrice,
body.airride-he-desktop.airride-iframe #totalPrice {
  color: var(--teal) !important;
  margin: 8px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.airride-he-desktop.airride-form-page #arPriceUnverified,
body.airride-he-desktop.airride-iframe #arPriceUnverified,
body.airride-he-desktop.airride-form-page .ar-legacy-price-unverified,
body.airride-he-desktop.airride-iframe .ar-legacy-price-unverified {
  color: #ffaaa5 !important;
  background: var(--danger-soft) !important;
  border: 1px solid rgba(201, 86, 78, 0.35) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin: 0 auto 12px;
  max-width: 640px;
}

/* Route options */
body.airride-he-desktop.airride-form-page #routeOptions,
body.airride-he-desktop.airride-iframe #routeOptions {
  padding: 22px !important;
}
body.airride-he-desktop.airride-form-page .route-option,
body.airride-he-desktop.airride-iframe .route-option {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  color: var(--white) !important;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.airride-he-desktop.airride-form-page .route-option:hover,
body.airride-he-desktop.airride-iframe .route-option:hover,
body.airride-he-desktop.airride-form-page .route-option.selected,
body.airride-he-desktop.airride-iframe .route-option.selected {
  border-color: var(--teal) !important;
  box-shadow: 0 0 0 2px rgba(89, 201, 216, 0.2) !important;
  background: rgba(89, 201, 216, 0.08) !important;
}
body.airride-he-desktop.airride-form-page .route-option .route-price,
body.airride-he-desktop.airride-iframe .route-option .route-price {
  color: var(--teal) !important;
  font-weight: 800;
}
body.airride-he-desktop.airride-form-page .route-badge,
body.airride-he-desktop.airride-iframe .route-badge {
  display: inline-block;
  background: rgba(89, 201, 216, 0.16);
  color: var(--teal);
  border-radius: 999px;
  padding: 4px 10px;
  margin-left: 8px;
}

/* Checkout */
body.airride-he-desktop.airride-form-page #book.ar-card,
body.airride-he-desktop.airride-iframe #book.ar-card,
body.airride-he-desktop.airride-form-page #book,
body.airride-he-desktop.airride-iframe #book,
body.airride-he-desktop.airride-form-page .ar-legacy-checkout,
body.airride-he-desktop.airride-iframe .ar-legacy-checkout {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  display: none;
  background: var(--panel2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 18px 20px 20px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22) !important;
}
body.airride-he-desktop.airride-form-page #book[style*="block"],
body.airride-he-desktop.airride-iframe #book[style*="block"] {
  display: block !important;
}
body.airride-he-desktop.airride-form-page #book > .col-md-2,
body.airride-he-desktop.airride-iframe #book > .col-md-2 {
  display: none !important;
}
body.airride-he-desktop.airride-form-page #book > .col-md-8,
body.airride-he-desktop.airride-iframe #book > .col-md-8 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
body.airride-he-desktop.airride-form-page #book table,
body.airride-he-desktop.airride-iframe #book table {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.airride-he-desktop.airride-form-page .has-error .form-control,
body.airride-he-desktop.airride-iframe .has-error .form-control,
body.airride-he-desktop.airride-form-page .has-error,
body.airride-he-desktop.airride-iframe td.has-error,
body.airride-he-desktop.airride-form-page .has-error input,
body.airride-he-desktop.airride-iframe .has-error input {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 2px rgba(201, 86, 78, 0.13) !important;
}

/* Modal */
body.airride-he-desktop.airride-form-page .modal-content,
body.airride-he-desktop.airride-iframe .modal-content {
  background: var(--panel2) !important;
  color: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
}
body.airride-he-desktop.airride-form-page .modal-header,
body.airride-he-desktop.airride-form-page .modal-footer,
body.airride-he-desktop.airride-iframe .modal-header,
body.airride-he-desktop.airride-iframe .modal-footer {
  border-color: var(--line) !important;
  background: transparent !important;
}
body.airride-he-desktop.airride-form-page .btn-default,
body.airride-he-desktop.airride-iframe .btn-default {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--white) !important;
  border-radius: 999px !important;
}

/* Autocomplete dropdown */
body.airride-he-desktop.airride-form-page .nominatim-autocomplete,
body.airride-he-desktop.airride-iframe .nominatim-autocomplete,
body.airride-he-desktop.airride-form-page .pac-container {
  background: var(--panel2) !important;
  border: 1px solid var(--line) !important;
  color: var(--white) !important;
  border-radius: 10px !important;
}
body.airride-he-desktop.airride-form-page .pac-item,
body.airride-he-desktop.airride-iframe .pac-item {
  color: var(--muted) !important;
  border-top: 1px solid var(--line) !important;
}
body.airride-he-desktop.airride-form-page .pac-item-query,
body.airride-he-desktop.airride-iframe .pac-item-query {
  color: var(--white) !important;
}

/* Kill leftover white panels inside form flow */
body.airride-he-desktop.airride-form-page .col-md-12,
body.airride-he-desktop.airride-iframe .col-md-12 {
  background: transparent !important;
}
body.airride-he-desktop.airride-form-page .popwindow,
body.airride-he-desktop.airride-iframe .popwindow {
  display: none !important;
}

/* Invoice confirmation */
body.airride-he-desktop.airride-invoice-page .invoice-box,
body.airride-he-desktop.airride-form-page .invoice-box {
  background: var(--panel2) !important;
  color: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28) !important;
  padding: 28px !important;
  max-width: 900px;
  margin: 0 auto;
}
body.airride-he-desktop.airride-invoice-page .invoice-box,
body.airride-he-desktop.airride-invoice-page .invoice-box td,
body.airride-he-desktop.airride-invoice-page .invoice-box h3,
body.airride-he-desktop.airride-form-page .invoice-box,
body.airride-he-desktop.airride-form-page .invoice-box td {
  color: var(--white) !important;
  font-family: Heebo, Arial, sans-serif !important;
}
body.airride-he-desktop.airride-invoice-page .invoice-box h3,
body.airride-he-desktop.airride-form-page .invoice-box h3 {
  color: var(--teal) !important;
}

/* =========================================================
   FORM FLOW v25 — real layout (no legacy table)
   ========================================================= */
body.airride-he-desktop.airride-form-page .airride-form-surface,
body.airride-he-desktop.airride-iframe .airride-form-surface {
  width: min(calc(100% - 48px), 1460px);
  margin: 16px auto 40px;
}

.ar-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
  gap: 16px;
  align-items: start;
}
.ar-flow-main {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.ar-flow-side {
  min-width: 0;
}
.ar-side-sticky {
  position: sticky;
  top: 16px;
}

.ar-card {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px 20px 20px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}
.ar-card-head {
  margin-bottom: 14px;
}
.ar-card-head h3 {
  margin: 0;
  color: var(--teal);
  font-size: 20px;
  font-weight: 700;
  border: 0 !important;
  padding: 0 !important;
}
.ar-card-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.ar-subhead {
  margin: 16px 0 10px;
  color: var(--teal);
  font-size: 14px;
  font-weight: 700;
}

.ar-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ar-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ar-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.ar-field > span,
.ar-field-label {
  color: var(--teal);
  font-size: 12px;
  font-weight: 600;
}
.ar-field .form-control,
.ar-field input,
.ar-field select {
  width: 100%;
  height: 44px;
  background: #081321 !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.ar-static {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--white);
  font-weight: 600;
}
.ar-time-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ar-time-row .form-control,
.ar-time-row select {
  flex: 1;
  width: auto;
}
.ar-time-row .time-separator {
  color: var(--teal);
  font-weight: 700;
}

/* Banner booking time control matches form compact HH : MM */
.booking .airride-time-control {
  direction: ltr;
  display: grid;
  grid-template-columns: 88px 12px 88px;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
}
.booking .airride-time-control select {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 44px !important;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #081321;
  color: #fff;
  padding: 0 8px;
  text-align: center;
  text-align-last: center;
  font: inherit;
}
.booking .airride-time-control .time-separator {
  color: var(--teal);
  font-weight: 700;
  text-align: center;
}
.booking .fields label.ar-time-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-self: end;
}
.booking .ar-lead-hint-inline {
  display: block;
  margin: 0;
  color: rgba(15, 40, 55, 0.72);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}
.airride-time-control {
  direction: ltr;
  display: grid;
  grid-template-columns: 88px 12px 88px;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
}
.airride-time-control .form-control,
.airride-time-control select {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 44px !important;
  flex: none !important;
  text-align: center !important;
  text-align-last: center;
  padding: 0 8px !important;
}
.airride-time-control .time-separator {
  width: 12px;
  text-align: center;
  color: var(--teal);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.airride-time-control.has-error select,
.ar-field.has-error .airride-time-control select {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 2px rgba(201, 86, 78, 0.13) !important;
}

.ar-extra-toggle {
  margin-top: 12px;
}
.ar-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  cursor: pointer;
}
.ar-extra-addresses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.ar-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--teal) !important;
  font-weight: 700;
}

/* Vehicle — full-width row of three */
.ar-vehicle-pick {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}
.ar-vehicle-pick button {
  background: var(--panel) !important;
  color: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 16px 14px !important;
  min-height: 92px !important;
  text-align: right;
  white-space: normal !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}
.ar-vehicle-pick button b {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.ar-vehicle-pick button small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}
.ar-vehicle-pick button.is-active {
  border-color: var(--teal) !important;
  background: rgba(89, 201, 216, 0.12) !important;
  box-shadow: 0 0 0 2px rgba(89, 201, 216, 0.22) !important;
}

/* Side: map + quote */
.ar-map-host {
  position: relative;
  height: 220px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
  margin-bottom: 12px;
}
.ar-map-placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  padding: 16px 20px;
  text-align: center;
  pointer-events: none;
}
.ar-map-placeholder .ar-map-icon {
  margin-bottom: 4px;
  opacity: 0.9;
}
.ar-map-placeholder strong {
  display: block;
  color: var(--white);
  font-size: 15px;
  font-weight: 700;
}
.ar-map-placeholder span {
  display: block;
  max-width: 260px;
  line-height: 1.45;
  color: var(--muted);
  font-size: 12px;
}
.ar-map-host.is-fail {
  border-color: rgba(201, 86, 78, 0.45);
  background: rgba(185, 74, 67, 0.08);
}
.ar-map-host.is-fail .ar-map-placeholder strong {
  color: #ffaaa5;
}
.ar-map-host.is-fail .ar-map-placeholder span {
  color: #ffc4bf;
}
.ar-vehicle-auto-hint {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--muted, #a6b1c0);
  line-height: 1.4;
}
.ar-maps-error-detail {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #ffaaa5;
  word-break: break-word;
}

/* Ensure site header logo renders (Logo.png, same slot as home) */
body.airride-he-desktop > header .logo span {
  background-image: url("../airride-assets/Logo.png") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.ar-total-price {
  color: var(--teal) !important;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  text-align: center;
  min-height: 1.2em;
  margin: 8px 0 12px;
}

/* Smoked-red quote CTA (approved) */
body.airride-he-desktop.airride-form-page .get-quote-btn.quote-button,
body.airride-he-desktop.airride-iframe .get-quote-btn.quote-button {
  width: 100%;
  display: block;
  margin: 0;
  padding: 15px 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #b94a43, #9f3935) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(174, 61, 55, 0.24) !important;
}
body.airride-he-desktop.airride-form-page .get-quote-btn.quote-button:hover,
body.airride-he-desktop.airride-iframe .get-quote-btn.quote-button:hover {
  background: linear-gradient(135deg, #c9564e, #ad403a) !important;
  transform: translateY(-1px);
}

.ar-checkout-actions {
  margin-top: 18px;
  text-align: center;
}
.ar-terms {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}
.ar-terms a { color: var(--teal); }

.ar-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ar-field.has-error .form-control,
.ar-field.has-error input,
.ar-field.has-error select,
label.ar-field.has-error .form-control {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 2px rgba(201, 86, 78, 0.13) !important;
}

@media (max-width: 1050px) {
  .ar-flow {
    grid-template-columns: 1fr;
  }
  .ar-side-sticky {
    position: static;
  }
  .ar-vehicle-pick {
    grid-template-columns: 1fr !important;
  }
  .ar-grid-3 {
    grid-template-columns: 1fr;
  }
}