.ui-datepicker {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#ui-datepicker-div {
  border-radius: 0;
  z-index: 2;
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
  background: none;
  cursor: pointer;
}

.ui-datepicker-header {
  background: none;
  border: none;
  font-weight: normal;
}
.ui-datepicker-header .ui-datepicker-month {
  font-weight: bold;
}

.ui-datepicker-calendar a.ui-state-default {
  background: #f5f5f5;
  color: #000;
}
.ui-datepicker-calendar a.ui-state-hover {
  color: #fff;
}
.ui-datepicker-calendar a.ui-state-active {
  color: #fff;
}
.ui-datepicker-calendar .ui-state-disabled span.ui-state-disabled {
  background: #FAFAFA;
}
.ui-datepicker-calendar td a {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0 !important;
}
.ui-datepicker-calendar td span {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0 !important;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


/* --- Added: Discount price styling --- */
.quickcab-vehicle-price {
  line-height: 1.2;
}
.qc-price-original {
  color: #8a8f98; /* muted grey */
  font-size: 0.95em;
  margin-right: 6px;
}
.qc-price-original s {
  text-decoration-thickness: 2px;
  opacity: 0.9;
}
.qc-price-discounted {
  font-weight: 700;
  font-size: 1.15em;
  margin-left: 2px;
  display: inline-block;
}
.qc-price-savings {
  margin-top: 2px;
  font-size: 0.92em;
  font-weight: 600;
  color: #0a8a38; /* success green */
}
/* make sure mobile cards look clean */
@media (max-width: 480px) {
  .qc-price-discounted { font-size: 1.1em; }
  .qc-price-savings { font-size: 0.9em; }
}


/* === QC: Options grid via flex + order (no DOM changes; checkout safe) === */
.quickcab-booking-form .quickcab-options, 
.quickcab-booking-form .quickcab-options .quickcab-inputs,
.quickcab-booking-form .quickcab-options .quickcab-inputs-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
}

.quickcab-booking-form .quickcab-options .quickcab-input-row {
  flex: 0 0 calc(50% - 6px);
  max-width: calc(50% - 6px);
  box-sizing: border-box;
}

/* Order classes that we will add via a tiny JS helper */
.quickcab-booking-form .quickcab-options .qc-order-1 { order: 1; }
.quickcab-booking-form .quickcab-options .qc-order-2 { order: 2; }
.quickcab-booking-form .quickcab-options .qc-order-3 { order: 3; }
.quickcab-booking-form .quickcab-options .qc-order-4 { order: 4; }
.quickcab-booking-form .quickcab-options .qc-order-5 { order: 5; }
.quickcab-booking-form .quickcab-options .qc-order-6 { order: 6; }

/* Modern unified field style (addresses + options) */
.quickcab-booking-form .quickcab-input-row label { display:block; font-weight:600; margin-bottom:6px; }
.quickcab-booking-form .quickcab-input-row .form-control,
.quickcab-booking-form .quickcab-input-row input,
.quickcab-booking-form .quickcab-input-row select {
  width:100%; box-sizing:border-box; border-radius:6px; border:1px solid #e2e5ea; padding:10px 12px;
}

/* Address rows stay full width */
.quickcab-booking-form .quickcab-input-row:has([name="quickcab_form[starting_address]"]),
.quickcab-booking-form .quickcab-input-row:has([name="quickcab_form[destination_address]"]) {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Return rows will still be hidden by plugin; we don't force display. */

/* Remove outer border around Journey Information if present */
.quickcab-booking-form .quickcab-section,
.quickcab-booking-form .quickcab-journey-information,
.quickcab-booking-form .quickcab-journey-section,
.quickcab-booking-form .quickcab-form-section { border:none!important; box-shadow:none; }

/* Mobile */
@media (max-width:640px){
  .quickcab-booking-form .quickcab-options .quickcab-input-row { flex:0 0 100%; max-width:100%; }
}

/* === Custom: remove highlighted borders (section bars & label column divider) === */
.quickcab-booking-form1 { border: 0 !important; }
.quickcab-booking-form1 .quickcab-input-row { border-top: 0 !important; border-bottom: 0 !important; }
.quickcab-booking-form1 .quickcab-input-row > .col-md-3 { border-right: 0 !important; }
.quickcab-booking-form1 .quickcab-section { border: 0 !important; }
/* keep section title underline intact elsewhere */

/* === Custom: smaller savings line in vehicle grid === */
.quickcab-vehicle-item .qc-price-savings { font-size: 0.5em !important; line-height: 1.2 !important; opacity: 0.95; }
.quickcab-vehicle-item .qc-badge { display:inline-block; padding:2px 6px; border-radius:10px; font-size:0.7em; font-weight:600; background:#ffefe7; color:#cf3f0f; margin-right:6px; }

/* === Stronger border/underline removal for highlighted lines === */
.quickcab-booking-form1 .quickcab-input-row,
.quickcab-booking-form1 .quickcab-section,
.quickcab-booking-form1 .quickcab-section:before,
.quickcab-booking-form1 .quickcab-section:after,
.quickcab-booking-form1 .section-title,
.quickcab-booking-form1 .section-title:before,
.quickcab-booking-form1 .section-title:after,
.quickcab-booking-form1 .quickcab-section-title,
.quickcab-booking-form1 .quickcab-section-title:before,
.quickcab-booking-form1 .quickcab-section-title:after,
.quickcab-booking-form1 h3,
.quickcab-booking-form1 h3:before,
.quickcab-booking-form1 h3:after,
.quickcab-booking-form1 .section-divider,
.quickcab-booking-form1 .section-divider:before,
.quickcab-booking-form1 .section-divider:after,
.quickcab-map-stats {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Kill label-input vertical divider & any cell dividers */
.quickcab-booking-form1 .quickcab-input-row > .col-md-3,
.quickcab-booking-form1 .quickcab-input-row > [class*="col-"] + [class*="col-"] {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* If headings draw a colored bottom border, drop it */
.quickcab-booking-form1 .section-title,
.quickcab-booking-form1 .section-title h3,
.quickcab-booking-form1 .quickcab-section-title {
  border-bottom: 0 !important;
}

/* Remove the thin orange rule some themes add to cards/rows */
.quickcab-booking-form1 .card,
.quickcab-booking-form1 .row {
  border: 0 !important;
  box-shadow: none !important;
}

/* === Restore red underline for section titles === */
.quickcab-booking-form1 .section-title,
.quickcab-booking-form1 .section-title h3,
.quickcab-booking-form1 .quickcab-section-title {
  border-bottom: 2px solid #e74c3c !important;
  box-shadow: none !important;
}

/* Keep other borders removed as before */
.quickcab-booking-form1 .quickcab-input-row,
.quickcab-booking-form1 .quickcab-section { border: 0 !important; }
.quickcab-booking-form1 .quickcab-input-row > .col-md-3,
.quickcab-booking-form1 .quickcab-input-row > [class*="col-"] + [class*="col-"] { border-left: 0 !important; border-right: 0 !important; }

/* === Kill the thin vertical divider between Passengers & Suitcases === */
.quickcab-booking-form1 .quickcab-input-row [class*="col-"] { border: 0 !important; box-shadow: none !important; }
.quickcab-booking-form1 .quickcab-input-row [class*="col-"] + [class*="col-"] { border-left: 0 !important; }
.quickcab-booking-form1 .quickcab-input-row .form-group, 
.quickcab-booking-form1 .quickcab-input-row .form-group + .form-group { border: 0 !important; }
.quickcab-booking-form1 .quickcab-input-row .col-md-6, 
.quickcab-booking-form1 .quickcab-input-row .col-sm-6 { border: 0 !important; }

/* === Remove borders/lines on booking steps/progress UI === */
.quickcab-steps, .quickcab-steps *,
.qc-steps, .qc-steps *, 
.quickcab-step, .quickcab-step:before, .quickcab-step:after,
.qc-step, .qc-step:before, .qc-step:after {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Ensure section underline (red) stays intact from previous restore */
.quickcab-booking-form1 .section-title,
.quickcab-booking-form1 .section-title h3,
.quickcab-booking-form1 .quickcab-section-title {
  border-bottom: 2px solid #e74c3c !important;
}

/* === Steps titles: shorter red line with spacing === */
.quickcab-booking-form1 .section-title {
  position: relative;
  text-align: center;
  border-bottom: 0 !important; /* override wide underline */
  margin-bottom: 18px;          /* space under heading group */
  padding-bottom: 0;            /* ensure no extra gap from old border */
}
.quickcab-booking-form1 .section-title:after {
  content: "";
  display: block;
  width: 80px;         /* shorten the red line */
  height: 2px;
  background: #e74c3c;
  margin: 10px auto 0; /* gap between text and line + centered */
  border-radius: 2px;
}

/* If headings use an alt selector */
.quickcab-booking-form1 .quickcab-section-title {
  position: relative;
  text-align: center;
  border-bottom: 0 !important;
  margin-bottom: 18px;
  padding-bottom: 0;
}
.quickcab-booking-form1 .quickcab-section-title:after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #e74c3c;
  margin: 10px auto 0;
  border-radius: 2px;
}