/* Booking search shell — theme-aware (uses raj-tokens.css variables) */

.raj-search-shell {
  padding: 34px 0 18px;
}

.raj-search-copy {
  margin-bottom: 14px;
}

.raj-search-copy h4 {
  margin: 0 0 6px;
  color: var(--raj-search-heading);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 3vw, 28px);
}

.raj-search-copy h4,
.raj-search-copy h4.text-white {
  color: var(--raj-search-heading) !important;
}

.raj-search-copy p {
  margin: 0;
  color: var(--raj-muted);
  font-size: 15px;
  max-width: 640px;
}

.raj-search-copy p,
.raj-search-copy p.text-white {
  color: var(--raj-muted) !important;
}

.raj-search-shell .bgw {
  background: var(--raj-search-card-bg) !important;
  border: 1px solid var(--raj-border) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: var(--raj-shadow) !important;
}

.raj-search-shell .main_search.rounded-F3 {
  box-shadow: none;
}

.raj-search-shell .main_search.bg-white,
.raj-search-shell .ShowSearchBox,
.raj-search-shell .tab-content,
.raj-search-shell .tab-pane {
  background: transparent !important;
}

.raj-search-shell #tab-group-events,
.raj-search-shell .main_search .border.rounded.p-3.main_search.bg-white {
  background: var(--raj-search-panel-bg) !important;
  border: 0 !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: none !important;
}

.raj-search-shell .main_search .nav.nav-tabs {
  background: var(--raj-search-tab-bar) !important;
  border-bottom: 1px solid var(--raj-border) !important;
}

.raj-search-shell .main_search .nav-item .nav-link {
  background: transparent !important;
  border: 0 !important;
  color: var(--raj-search-tab-text) !important;
  fill: var(--raj-search-tab-text) !important;
  border-bottom-color: transparent !important;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.raj-search-shell .main_search .nav-item .nav-link svg {
  fill: currentColor !important;
}

.raj-search-shell .main_search .nav-item .nav-link:hover {
  background: var(--raj-dropdown-hover) !important;
  color: var(--raj-text-strong) !important;
}

.raj-search-shell .main_search .nav-item .nav-link.active {
  background: var(--raj-search-tab-active-bg) !important;
  color: var(--raj-search-tab-text-active) !important;
  border-bottom-color: var(--raj-gold) !important;
}

.raj-search-shell .main_search .nav-item .nav-link.active svg {
  fill: currentColor !important;
}

.raj-search-shell .form-check-label,
.raj-search-shell .flight_types .form-check-label,
.raj-search-shell .search_box label,
.raj-search-shell .main_search .form-label,
.raj-search-shell .main_search .col-form-label,
.raj-search-shell .main_search .text-muted {
  color: var(--raj-muted) !important;
}

.raj-search-shell .dropdown-btn,
.raj-search-shell .form-control,
.raj-search-shell .form-select,
.raj-search-shell .flight_type,
.raj-search-shell .input-items .select2-selection,
.raj-search-shell .select2-container--default .select2-selection--single,
.raj-search-shell #flights-search .form-control,
.raj-search-shell #flights-search .form-select,
.raj-search-shell #flights-search .dropdown-btn.travellers,
.raj-search-shell #flights-search .select2-container--default .select2-selection--single {
  background: var(--raj-field-bg) !important;
  border: 1px solid var(--raj-field-border) !important;
  color: var(--raj-field-text) !important;
  -webkit-text-fill-color: var(--raj-field-text) !important;
  caret-color: var(--raj-field-text) !important;
  box-shadow: none !important;
}

.raj-search-shell .dropdown-btn:hover,
.raj-search-shell .dropdown-btn:focus,
.raj-search-shell .form-control:hover,
.raj-search-shell .form-control:focus,
.raj-search-shell .form-select:hover,
.raj-search-shell .form-select:focus,
.raj-search-shell .flight_type:hover,
.raj-search-shell .flight_type:focus,
.raj-search-shell .main_search input:not([type="radio"]):hover,
.raj-search-shell .main_search input:not([type="radio"]):focus,
.raj-search-shell .input-items .select2-selection:hover,
.raj-search-shell .select2-container--default.select2-container--focus .select2-selection--single,
.raj-search-shell #flights-search .form-control:hover,
.raj-search-shell #flights-search .form-control:focus,
.raj-search-shell #flights-search .dropdown-btn.travellers:hover,
.raj-search-shell #flights-search .select2-container--default .select2-selection--single:hover {
  background: var(--raj-field-bg-hover) !important;
  border-color: var(--raj-field-border-focus) !important;
  box-shadow: 0 0 0 3px var(--raj-field-focus-ring) !important;
  color: var(--raj-field-text) !important;
  -webkit-text-fill-color: var(--raj-field-text) !important;
}

.raj-search-shell .btn-primary,
.raj-search-shell .search_button,
.raj-search-shell button[type="submit"],
.raj-search-shell #flights-search .search_button {
  background: var(--raj-btn-primary-bg) !important;
  border-color: var(--raj-green) !important;
  color: var(--raj-btn-primary-text) !important;
}

.raj-search-shell .btn-primary:hover,
.raj-search-shell .search_button:hover,
.raj-search-shell button[type="submit"]:hover,
.raj-search-shell #flights-search .search_button:hover {
  background: var(--raj-btn-primary-hover) !important;
}

.raj-search-shell .select2-dropdown,
.raj-search-shell .select2-container--open .select2-dropdown--below,
.raj-search-shell .select2-container--open .select2-dropdown--above,
.raj-search-shell .select2-results,
.raj-search-shell #flights-search .select2-dropdown {
  background: var(--raj-dropdown-bg) !important;
  border-color: var(--raj-field-border) !important;
  color: var(--raj-dropdown-text) !important;
}

.raj-search-shell .select2-results__option,
.raj-search-shell .select2-search__field {
  color: var(--raj-dropdown-text) !important;
  background: transparent !important;
}

.raj-search-shell .select2-results__option--highlighted[aria-selected],
.raj-search-shell .select2-results__option--selected,
.raj-search-shell .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--raj-dropdown-hover) !important;
  color: var(--raj-dropdown-text) !important;
}

.raj-search-shell .flight_type option {
  background: var(--raj-dropdown-bg) !important;
  color: var(--raj-dropdown-text) !important;
}

.raj-search-shell .form-floating > label,
.raj-search-shell .input-box,
.raj-search-shell .dropdown-btn p,
.raj-search-shell .dropdown-btn span,
.raj-search-shell .flight_location,
.raj-search-shell .flight_type,
.raj-search-shell #flights-search .form-floating > label {
  color: var(--raj-muted) !important;
  fill: var(--raj-muted) !important;
}

.raj-search-shell .form-floating > .form-control,
.raj-search-shell .form-floating > .form-select {
  color-scheme: var(--raj-input-scheme);
}

.raj-search-shell input[type="date"] {
  color-scheme: var(--raj-input-scheme);
}

.raj-search-shell input[type="date"]::-webkit-calendar-picker-indicator {
  filter: var(--raj-calendar-filter);
  opacity: 0.92;
  cursor: pointer;
}

.raj-search-shell .form-floating > label svg,
.raj-search-shell .dropdown-btn svg,
.raj-search-shell .input-box svg,
.raj-search-shell .main_search svg:not(.raj-icon) {
  stroke: var(--raj-field-text) !important;
  fill: var(--raj-field-text) !important;
}

.raj-search-shell .featured,
.raj-search-shell .hide_loading {
  background: var(--raj-dropdown-hover) !important;
}

.raj-search-shell .tab-content > .tab-pane:not(.active),
.raj-search-shell #tab-group-events > .tab-pane:not(.active) {
  display: none !important;
}

.raj-search-shell .tab-content > .tab-pane.active,
.raj-search-shell #tab-group-events > .tab-pane.active {
  display: block !important;
}

/* Flights search traveller menu */
.raj-search-shell #flights-search .flight-traveller-menu {
  background: var(--raj-dropdown-bg) !important;
  border-color: var(--raj-field-border) !important;
}

.raj-search-shell #flights-search .flight-traveller-row {
  background: var(--raj-field-bg) !important;
  border-color: var(--raj-field-border) !important;
  color: var(--raj-field-text) !important;
}

.raj-search-shell #flights-search .flight-traveller-copy,
.raj-search-shell #flights-search .flight-traveller-copy strong {
  color: var(--raj-field-text) !important;
}

.raj-search-shell #flights-search .multi-flight-wrap {
  background: var(--raj-surface-muted) !important;
  border-color: var(--raj-field-border) !important;
}

.raj-search-shell #flights-search .multi-flight-wrap .raj-ancillary-card,
.raj-search-shell #flights-search .raj-ancillary-card {
  background: var(--raj-field-bg) !important;
  border-color: var(--raj-field-border) !important;
}

@media (max-width: 520px) {
  .raj-search-shell {
    padding: 26px 0 12px;
  }

  .raj-search-shell .bgw {
    border-radius: 16px !important;
    padding: 0 !important;
  }
}