/**
 * Brand override for the Chauffeur Booking System plugin's front-end form.
 * Loads after the plugin's own style/public.css so these rules win.
 * The plugin ships its structural CSS with almost no color of its own
 * (buttons/fields/nav are unstyled by design), so this file supplies the
 * site's colors/fonts/radius rather than fighting existing declarations.
 */

/* ---------- Base / typography ---------- */
.chbs-main,
.chbs-main input,
.chbs-main select,
.chbs-main textarea,
.chbs-main .ui-selectmenu-button,
.ui-selectmenu-menu,
.ui-autocomplete {
  font-family: 'Barlow', sans-serif !important;
  color: #101828;
}

.chbs-main {
  padding: 32px 0 60px;
}

.chbs-main .chbs-box-shadow {
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
  border-radius: 10px !important;
}

/* ---------- Step navigation ---------- */
.chbs-main .chbs-main-navigation-default {
  margin-bottom: 40px;
}

.chbs-main .chbs-main-navigation-default > ul > li > div {
  background: #e5e5e5;
}

.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-selected > div,
.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-completed > div {
  background: #f2af21;
}

.chbs-main .chbs-main-navigation-default > ul > li > a > span:first-child {
  background: #fff;
  border: 2px solid #e5e5e5;
  color: #101828 !important;
  outline-color: #fff !important;
}

.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-selected > a > span:first-child,
.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-completed > a > span:first-child {
  background: #f2af21;
  border-color: #f2af21;
  color: #fff !important;
}

.chbs-main .chbs-main-navigation-default > ul > li > a > span:first-child + span {
  font-family: 'Arsenal', sans-serif !important;
  color: #888 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-selected > a > span:first-child + span,
.chbs-main .chbs-main-navigation-default > ul > li.chbs-state-completed > a > span:first-child + span {
  color: #101828 !important;
}

.chbs-main .chbs-main-navigation-responsive select {
  border: 1px solid #e5e5e5 !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
}

/* ---------- Form fields ---------- */
.chbs-main .chbs-form-field {
  border-color: #eee !important;
  background: #fff;
}

.chbs-main .chbs-form-field-label {
  background: #f7f6f4;
  border-bottom: 1px solid #eee;
}

.chbs-main .chbs-form-label-group {
  color: #888;
  letter-spacing: 1px;
  font-family: 'Arsenal', sans-serif !important;
}

.chbs-main .chbs-form-field > label {
  color: #888;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.chbs-main .chbs-form-field input,
.chbs-main .chbs-form-field select,
.chbs-main .chbs-form-field textarea,
.chbs-main .chbs-form-field .ui-selectmenu-button {
  background: #fff !important;
  color: #101828 !important;
  font-weight: 600 !important;
}

.chbs-main .chbs-form-field input:focus,
.chbs-main .chbs-form-field textarea:focus {
  background: #fffdf7 !important;
  outline: none;
}

.chbs-main .chbs-form-field input::placeholder,
.chbs-main .chbs-form-field textarea::placeholder {
  color: #aaa;
  font-weight: 400 !important;
}

.chbs-main .chbs-form-checkbox {
  border-color: #e5e5e5 !important;
  color: #f2af21;
}

.chbs-main .chbs-form-checkbox.chbs-state-selected {
  background: #f2af21;
  border-color: #f2af21 !important;
  color: #fff;
}

.chbs-main .chbs-quantity-section-button {
  background: #f7f6f4 !important;
  border-color: #eee !important;
  color: #101828 !important;
}

.chbs-main .chbs-quantity-section-button:hover {
  background: #f2af21 !important;
  border-color: #f2af21 !important;
  color: #fff !important;
}

/* ---------- Buttons ---------- */
.chbs-main .chbs-button.chbs-button-style-1,
.chbs-main .chbs-button.chbs-button-style-2,
.chbs-main .chbs-button.chbs-button-style-3 {
  font-family: 'Arsenal', sans-serif !important;
  font-weight: 700 !important;
  transition: 0.3s ease;
}

.chbs-main .chbs-button.chbs-button-style-1 {
  background: #f2af21 !important;
  border-color: #f2af21 !important;
  color: #fff !important;
}

.chbs-main .chbs-button.chbs-button-style-1:hover {
  background: #CE951C !important;
  border-color: #CE951C !important;
  color: #fff !important;
}

.chbs-main .chbs-button.chbs-button-style-2 {
  background: transparent !important;
  border-color: #101828 !important;
  color: #101828 !important;
}

.chbs-main .chbs-button.chbs-button-style-2:hover {
  background: #101828 !important;
  color: #fff !important;
}

.chbs-main .chbs-button.chbs-button-style-3 {
  background: #f7f6f4 !important;
  border-color: #eee !important;
  color: #101828 !important;
}

.chbs-main .chbs-button.chbs-button-style-3:hover {
  background: #eee !important;
}

/* ---------- Tabs (service type selector) ---------- */
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav {
  display: flex;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #eee;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li {
  flex: 1 1 0;
  width: auto !important;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li > a {
  border-color: #eee !important;
  background: #fff;
  color: #101828 !important;
  font-family: 'Arsenal', sans-serif !important;
  font-weight: 700 !important;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active > a {
  background: #f2af21 !important;
  color: #fff !important;
}

/* ---------- Vehicle list ---------- */
.chbs-main .chbs-vehicle-list > ul > li {
  border-color: #eee !important;
}

.chbs-main .chbs-vehicle .chbs-vehicle-content-header > span {
  font-family: 'Arsenal', sans-serif !important;
  color: #101828 !important;
}

.chbs-main .chbs-vehicle-content-price > span > span:first-child {
  color: #f2af21 !important;
  font-family: 'Arsenal', sans-serif !important;
}

/* ---------- Datepicker (jQuery UI) ---------- */
.chbs-datepicker.ui-datepicker {
  border-color: #eee !important;
  background: #fff !important;
  font-family: 'Barlow', sans-serif !important;
}

.chbs-datepicker.ui-datepicker .ui-datepicker-title {
  font-family: 'Arsenal', sans-serif !important;
  color: #101828 !important;
}

.chbs-datepicker.ui-datepicker thead {
  border-color: #eee !important;
}

.chbs-datepicker.ui-datepicker th {
  color: #888 !important;
}

.chbs-datepicker.ui-datepicker td a,
.chbs-datepicker.ui-datepicker td span {
  color: #101828 !important;
}

.chbs-datepicker.ui-datepicker td a.ui-state-hover,
.chbs-datepicker.ui-datepicker td a.ui-state-active {
  background: #f2af21 !important;
  border-color: #f2af21 !important;
  color: #fff !important;
}

.chbs-datepicker.ui-datepicker td.ui-datepicker-today a {
  background: #fff8ea !important;
  border-color: #f2af21 !important;
}

.chbs-datepicker.ui-datepicker .ui-datepicker-prev,
.chbs-datepicker.ui-datepicker .ui-datepicker-next {
  border-color: #eee !important;
  color: #101828 !important;
}

.chbs-datepicker.ui-datepicker .ui-datepicker-prev:hover,
.chbs-datepicker.ui-datepicker .ui-datepicker-next:hover {
  background: #f2af21 !important;
  border-color: #f2af21 !important;
  color: #fff !important;
}

/* ---------- Timepicker ---------- */
.ui-timepicker-wrapper {
  border: 1px solid #eee !important;
  background: #fff !important;
  font-family: 'Barlow', sans-serif !important;
}

.ui-timepicker-wrapper .ui-timepicker-list > li {
  border-color: #eee !important;
  color: #101828 !important;
}

.ui-timepicker-wrapper .ui-timepicker-list > li:hover,
.ui-timepicker-wrapper .ui-timepicker-list > li.ui-timepicker-selected {
  background: #f2af21 !important;
  color: #fff !important;
}

/* ---------- Notices ---------- */
.chbs-main .chbs-notice {
  border-radius: 8px;
  background: #fff8ea;
  color: #101828;
  border: 1px solid #f2af21;
  padding: 16px 20px;
}

/* ---------- Responsive ---------- */
@media only screen and (max-width: 767px) {
  .chbs-main {
    padding: 20px 0 40px;
  }
  .chbs-main .chbs-main-navigation-default > ul > li > a > span:first-child {
    width: 36px;
    height: 36px;
  }
  .chbs-main .chbs-main-navigation-default > ul > li > a > span:first-child > span:first-child {
    font-size: 14px;
    line-height: 36px;
  }
  .chbs-main .chbs-main-navigation-default > ul > li > a > span:first-child + span {
    font-size: 12px;
  }
}