/* Purple theme overrides — load after other stylesheets */
:root {
  --theme-primary: #7c3aed;
  --theme-primary-dark: #5b21b6;
  --theme-primary-darker: #4c1d95;
  --theme-primary-light: #a78bfa;
  --blue-color: #7c3aed;
  --darkblue-color: #4c1d95;
  --background-blue: #7c3aed;
  --background-image-gradient: linear-gradient(#7c3aed, #7c3aed);
}

/* Hero / sidebar gradients */
.banner-right,
.banner-right-side {
  background: linear-gradient(360deg, #fff, var(--theme-primary-darker), var(--theme-primary-darker)) !important;
}

/* Primary buttons & search */
.btn-primary,
.btn-danger,
.btn-search,
button[type="submit"].btn,
.search-btn,
#btnSearch,
.route-search-btn,
a.btn-primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary-dark) !important;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-search:hover,
#btnSearch:hover {
  background-color: var(--theme-primary-dark) !important;
  border-color: var(--theme-primary-darker) !important;
}

/* Active trip tabs */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.trip-type li.active a,
ul.nav-tabs li.active a {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: #fff !important;
}

/* Banners & accent blocks */
.ban-tr,
.routeimg_bestbox,
.datepicker-title {
  background: var(--theme-primary) !important;
}

.routeimg_bestbox::after {
  border-left-color: var(--theme-primary) !important;
}

/* Links & accents */
a:hover,
.text-primary,
.color-primary {
  color: var(--theme-primary) !important;
}

/* Form focus rings */
.form-control:focus,
input:focus,
select:focus {
  border-color: var(--theme-primary-light) !important;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

/* jQuery UI active states */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary-dark) !important;
}

.ui-datepicker .ui-datepicker-header {
  background: var(--theme-primary-darker) !important;
}

/* Header call strip */
.deal-header,
.call-only-deals {
  border-color: var(--theme-primary) !important;
}

.faq-banner a,
.ban-tr a {
  color: #e9d5ff !important;
}