/* Raj Travels — flight results theme adapter
 *
 * Flights.php historically baked a permanent dark palette into a huge inline
 * <style> block (including a page-local :root that overwrote shared tokens).
 * This file restores light/dark consistency by remapping those surfaces onto
 * assets/css/raj-tokens.css. Keep selectors specific enough to beat the
 * remaining inline hex until that block is fully retired.
 */

body.raj-flights-page {
  background:
    radial-gradient(circle at top left, var(--raj-page-bg-accent), transparent 340px),
    linear-gradient(180deg, var(--raj-page-bg) 0%, var(--raj-surface-muted) 58%, var(--raj-page-bg) 100%) !important;
  color: var(--raj-text) !important;
}

body.raj-flights-page a {
  color: inherit;
}

.raj-flights-page .flights_listing .bgw,
.raj-flights-page #filter-sidebar,
.raj-flights-page .flight-itinerary-card,
.raj-flights-page .deal-card,
.raj-flights-page .card-item,
.raj-flights-page .fare-card,
.raj-flights-page .raj-nearby-fares__item,
.raj-flights-page .sorting .nav,
.raj-flights-page .flight_list,
.raj-flights-page .flight-card-desktop,
.raj-flights-page .flight-card-mobile {
  background: var(--raj-card-elevated-bg) !important;
  border-color: var(--raj-panel-border) !important;
  color: var(--raj-text) !important;
  box-shadow: var(--raj-shadow-soft) !important;
}

.raj-flights-page .position-relative.container-fluid.bg-light.pt-4.pb-4 {
  background:
    radial-gradient(circle at top left, var(--raj-page-bg-accent), transparent 300px),
    linear-gradient(180deg, var(--raj-page-bg), var(--raj-surface-muted)) !important;
  border-top: 1px solid var(--raj-border) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .flights_listing .main_search .nav.nav-tabs {
  background: var(--raj-search-tab-bar) !important;
  border-bottom-color: var(--raj-border) !important;
}

.raj-flights-page .flights_listing .main_search .nav-item .nav-link {
  color: var(--raj-search-tab-text) !important;
  fill: var(--raj-search-tab-text) !important;
}

.raj-flights-page .flights_listing .main_search .nav-item .nav-link svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.raj-flights-page .flights_listing .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-border-strong) !important;
}

.raj-flights-page .flights_listing .dropdown-btn,
.raj-flights-page .flights_listing .form-control,
.raj-flights-page .flights_listing .form-select,
.raj-flights-page .flights_listing .input-items .select2-selection,
.raj-flights-page .flights_listing .select2-container--default .select2-selection--single {
  background: var(--raj-field-bg) !important;
  border-color: var(--raj-field-border) !important;
  color: var(--raj-field-text) !important;
}

.raj-flights-page .flights_listing .btn-primary,
.raj-flights-page .flights_listing .search_button,
.raj-flights-page .flights_listing button[type="submit"],
.raj-flights-page .sorting .nav-link.active,
.raj-flights-page .select-flight-arrow-btn,
.raj-flights-page .btn-primary {
  background: var(--raj-btn-primary-bg) !important;
  border-color: var(--raj-green-deep) !important;
  color: var(--raj-btn-primary-text) !important;
}

.raj-flights-page .sorting .nav-link:not(.active),
.raj-flights-page .btn-outline-secondary,
.raj-flights-page .btn-outline-dark,
.raj-flights-page a.more-details-toggle {
  background: var(--raj-btn-secondary-bg) !important;
  border-color: var(--raj-btn-secondary-border) !important;
  color: var(--raj-btn-secondary-text) !important;
}

.raj-flights-page #filter-sidebar p,
.raj-flights-page #filter-sidebar strong,
.raj-flights-page #filter-sidebar label,
.raj-flights-page #filter-sidebar li,
.raj-flights-page .search_filter_options ul,
.raj-flights-page .search_filter_options li,
.raj-flights-page .search_filter_options .form-check-label,
.raj-flights-page .search_filter_options .text--overflow,
.raj-flights-page .flight-itinerary-head,
.raj-flights-page .flight-itinerary-head strong,
.raj-flights-page .flight-itinerary-head span,
.raj-flights-page .flight-itinerary-time,
.raj-flights-page .flight-itinerary-layover,
.raj-flights-page .flight-itinerary-layover span,
.raj-flights-page .flight-card-mobile,
.raj-flights-page .flight-card-mobile .airline-name-text,
.raj-flights-page .flight-card-mobile .flight-time-mobile,
.raj-flights-page .flight-card-mobile .flight-duration-mobile,
.raj-flights-page .fare-card,
.raj-flights-page .fare-card-title,
.raj-flights-page .fare-feature-title,
.raj-flights-page .text-dark,
.raj-flights-page .text-black,
.raj-flights-page h1,
.raj-flights-page h2,
.raj-flights-page h3,
.raj-flights-page h4,
.raj-flights-page h5,
.raj-flights-page h6 {
  color: var(--raj-text) !important;
}

.raj-flights-page .flight-itinerary-code,
.raj-flights-page .flight-itinerary-date,
.raj-flights-page .flight-itinerary-terminal,
.raj-flights-page .flight-itinerary-meta,
.raj-flights-page .flight-itinerary-path,
.raj-flights-page .flight-itinerary-class,
.raj-flights-page .flight-card-mobile .flight-date-mobile,
.raj-flights-page .fare-feature-meta,
.raj-flights-page .fare-feature-value,
.raj-flights-page .text-muted,
.raj-flights-page .raj-nearby-fares__note {
  color: var(--raj-muted) !important;
}

.raj-flights-page .raj-nearby-fares__price,
.raj-flights-page .flight-card-mobile .flight-airport-mobile,
.raj-flights-page .flight-card-mobile .flight-stops-mobile,
.raj-flights-page .flight-card-mobile a.more-details-toggle {
  color: var(--raj-price) !important;
}

.raj-flights-page .raj-nearby-fares__item {
  background: var(--raj-fare-card-bg) !important;
  border: 1px solid var(--raj-fare-card-border) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .raj-nearby-fares__item.is-active {
  border-color: var(--raj-fare-card-active-border) !important;
  box-shadow: 0 0 0 1px var(--raj-fare-card-active-border) inset, var(--raj-shadow-soft) !important;
  background: var(--raj-surface-selected) !important;
}

.raj-flights-page .raj-nearby-fares__day {
  color: var(--raj-text-strong) !important;
}

.raj-flights-page .fare-card {
  background: var(--raj-fare-card-bg) !important;
  border: 1px solid var(--raj-fare-card-border) !important;
}

.raj-flights-page .fare-card-title,
.raj-flights-page .fare-feature-title,
.raj-flights-page .fare-feature-value,
.raj-flights-page .fare-feature-meta {
  color: var(--raj-text) !important;
}

.raj-flights-page .flight_list {
  background: var(--raj-surface) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .flight-card-mobile .airline-logo-container,
.raj-flights-page .search_filter_options img {
  background: var(--raj-surface) !important;
  border-color: var(--raj-border) !important;
}

.raj-flights-page .mobile-filter-trigger {
  background: var(--raj-card-elevated-bg) !important;
  border-color: var(--raj-border) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .sorting .nav {
  background: var(--raj-surface-muted) !important;
  border: 1px solid var(--raj-border) !important;
}

.raj-flights-page .sorting .nav-link svg,
.raj-flights-page .pag--nav svg,
.raj-flights-page .title__fetched-time svg {
  stroke: currentColor !important;
}

.raj-flights-page .title__fetched-time,
.raj-flights-page .j_listABTit,
.raj-flights-page #flights-found-count {
  color: var(--raj-text-inverse) !important;
}

.raj-flights-page .new-m-main-tit__content {
  color: var(--raj-text-inverse) !important;
}

.raj-flights-page .bg-white {
  background-color: var(--raj-surface) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .bg-light {
  background-color: var(--raj-surface-muted) !important;
  color: var(--raj-text) !important;
}

.raj-flights-page .badge.bg-success,
.raj-flights-page .badge.text-bg-success {
  background: var(--raj-badge-success-bg) !important;
  color: var(--raj-badge-success-text) !important;
}

.raj-flights-page .irs--flat .irs-bar,
.raj-flights-page .irs--flat .irs-from,
.raj-flights-page .irs--flat .irs-to,
.raj-flights-page .irs--flat .irs-single {
  background: var(--raj-slider-fill) !important;
}

.raj-flights-page .irs--flat .irs-handle > i:first-child {
  background: var(--raj-slider-handle) !important;
  border-color: var(--raj-slider-handle-border) !important;
}

.raj-flights-page .irs--flat .irs-line {
  background: var(--raj-slider-track) !important;
}

/* Price bubbles sit on the green fill, so they need the on-primary colour in both themes. */
.raj-flights-page #filter-sidebar .irs-from,
.raj-flights-page #filter-sidebar .irs-to,
.raj-flights-page #filter-sidebar .irs-single {
  color: var(--raj-on-primary) !important;
}

.raj-flights-page input::-webkit-calendar-picker-indicator,
.raj-flights-page ::-webkit-calendar-picker-indicator {
  filter: var(--raj-calendar-filter) !important;
}

.raj-flights-page .pagination--listjs .active,
.raj-flights-page .listjs--pagination-container .active {
  background: var(--raj-pagination-active-bg) !important;
  color: var(--raj-pagination-active-text) !important;
}

.raj-flights-page .pag--nav,
.raj-flights-page .pagination--listjs li,
.raj-flights-page .pagination--listjs a {
  background: var(--raj-pagination-bg) !important;
  color: var(--raj-pagination-text) !important;
  border-color: var(--raj-border) !important;
}

.raj-flights-page .raj-flight-card,
.raj-flights-page .raj-flight-panel,
.raj-flights-page .flight-card-more-details-panel {
  background: var(--raj-surface) !important;
  color: var(--raj-text) !important;
  border-color: var(--raj-border) !important;
}

.raj-flights-page .raj-price-prefix {
  color: var(--raj-muted) !important;
}

.raj-flights-page .raj-flight-price,
.raj-flights-page .raj-flight-price-mobile {
  color: var(--raj-price-emphasis) !important;
}

.raj-flights-page .raj-flight-details-btn,
.raj-flights-page a.more-details-toggle.raj-flight-details-btn {
  background: transparent !important;
  border: 1px solid var(--raj-btn-secondary-border) !important;
  color: var(--raj-link) !important;
}

.raj-flights-page .raj-flight-mobile-plane {
  background: var(--raj-surface) !important;
  color: var(--raj-gold-bright) !important;
}

.raj-flights-page .raj-flight-select-btn,
.raj-flights-page .btn-primary.raj-flight-select-btn {
  background: var(--raj-btn-primary-bg) !important;
  border-color: var(--raj-green-deep) !important;
  color: var(--raj-btn-primary-text) !important;
}

/* Catch leftover dark-only panel fills from the legacy inline stylesheet */
.raj-flights-page .flights_listing .bgw,
.raj-flights-page .flight_list,
.raj-flights-page .card-item,
.raj-flights-page .deal-card,
.raj-flights-page .fare-card,
.raj-flights-page #filter-sidebar,
.raj-flights-page .sorting .nav {
  background: var(--raj-card-elevated-bg) !important;
  border-color: var(--raj-panel-border) !important;
  color: var(--raj-text) !important;
  box-shadow: var(--raj-shadow-soft) !important;
}

.raj-flights-page .flights_listing .main_search .nav.nav-tabs {
  background: var(--raj-search-tab-bar) !important;
  border-bottom-color: var(--raj-border) !important;
}

@media (max-width: 575.98px) {
  .raj-flights-page .flight_list,
  .raj-flights-page .flight-card-mobile {
    background: var(--raj-surface) !important;
    color: var(--raj-text) !important;
  }

  .raj-flights-page .flight-card-mobile .airline-name-text,
  .raj-flights-page .flight-card-mobile .flight-time-mobile,
  .raj-flights-page .flight-card-mobile .flight-duration-mobile {
    color: var(--raj-text-strong) !important;
  }

  .raj-flights-page .fare-card-title,
  .raj-flights-page .fare-feature-title,
  .raj-flights-page .fare-feature-value,
  .raj-flights-page .fare-feature-meta {
    color: var(--raj-text) !important;
  }
}