/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/


/* 0) One place to change brand */
:root { --chbs-brand: #0f3a93; }

/* 1) Scope to the booking form (any CHBS form on the page) */
[id^="chbs_booking_form_"].chbs-main { --chbs-brand: #0f3a93; }

/* 2) Stepper: selected circle, ticks, and the line */
[id^="chbs_booking_form_"] .chbs-main-navigation-default li.chbs-state-selected > a > span > span:first-child {
  background-color: var(--chbs-brand) !important;
  border-color: var(--chbs-brand) !important;
}
[id^="chbs_booking_form_"] .chbs-main-navigation-default li .chbs-meta-icon-tick {
  color: var(--chbs-brand) !important;
}
[id^="chbs_booking_form_"] .chbs-main-navigation-default li > div {
  background-color: var(--chbs-brand) !important; /* the progress line */
}

/* 3) Card/tab top border on the left panel */
[id^="chbs_booking_form_"] .chbs-tab {
  border-top-color: var(--chbs-brand) !important;
}

/* 4) Field focus + small icons */
[id^="chbs_booking_form_"] input:focus,
[id^="chbs_booking_form_"] select:focus,
[id^="chbs_booking_form_"] textarea:focus {
  border-color: var(--chbs-brand) !important;
  box-shadow: 0 0 0 1px var(--chbs-brand) !important;
}
[id^="chbs_booking_form_"] .chbs-tooltip,
[id^="chbs_booking_form_"] .chbs-meta-icon-question,
[id^="chbs_booking_form_"] .chbs-location-add,
[id^="chbs_booking_form_"] .chbs-location-remove {
  color: var(--chbs-brand) !important;
}

/* 5) Primary buttons (incl. “Choose a Vehicle”, Next) */
[id^="chbs_booking_form_"] .chbs-button,
[id^="chbs_booking_form_"] a.chbs-button,
[id^="chbs_booking_form_"] input[type="submit"] {
  background-color: var(--chbs-brand) !important;
  border-color: var(--chbs-brand) !important;
  color: #fff !important;
}
[id^="chbs_booking_form_"] .chbs-button:hover { filter: brightness(0.92); }

/* 6) jQuery UI active states (select menu, date/time pickers) */
[id^="chbs_booking_form_"] .ui-selectmenu-button.ui-state-active,
[id^="chbs_booking_form_"] .ui-menu .ui-state-active,
[id^="chbs_booking_form_"] .ui-datepicker .ui-state-active,
[id^="chbs_booking_form_"] .ui-timepicker .ui-state-active,
[id^="chbs_booking_form_"] .ui-button.ui-state-active {
  background: var(--chbs-brand) !important;
  border-color: var(--chbs-brand) !important;
  color: #fff !important;
}