@import url("./ota-v1-base.css");

/* Canonical brand-lock correction — 2026-09-01.
   Presentation only. Preserve the consumer OTA layout while restoring
   Transit Editorial · Orbit + Route: warm canvas, near-black ink and
   restrained Signal Lime. */
:root {
  --ota-ink: #11110e;
  --ota-muted: #696b63;
  --ota-line: #d9d9d0;
  --ota-soft: #f4f4ef;
  --ota-panel: #fbfbf7;
  --ota-blue: #11110e;
  --ota-blue-deep: #2f302a;
  --ota-blue-soft: rgba(184,255,24,.16);
  --ota-shadow: 0 18px 50px rgba(17,17,14,.08);
  --ota-shadow-sm: 0 8px 24px rgba(17,17,14,.06);
}

html,
body,
.hero,
.page-hero,
.hero-v2,
.page-hero--flights,
.section,
.results-wrap,
.agency-shell,
.checkout-shell { background: var(--ota-soft) !important; }

.site-header { background: rgba(244,244,239,.96) !important; }
.nav-links a,
.footer-links a { color: #484a43 !important; }
.nav-links a:hover,
.nav-links a[aria-current="page"] { color: var(--ota-ink) !important; }

.eyebrow,
.kicker,
.ota-section-label { color: var(--ota-ink) !important; }
.eyebrow-dot { background: #b8ff18 !important; }

.field:focus-within {
  border-color: #92bd24 !important;
  box-shadow: 0 0 0 3px rgba(184,255,24,.22) !important;
}
.agency-field input:focus,
.agency-field select:focus,
.checkout-field input:focus,
.checkout-field select:focus {
  border-color: #92bd24 !important;
  box-shadow: 0 0 0 3px rgba(184,255,24,.22) !important;
}

.search-btn,
.checkout-btn,
.agency-btn,
.deal-btn,
.nav-actions .pill:last-child {
  background: var(--ota-ink) !important;
  border-color: var(--ota-ink) !important;
  color: #fff !important;
}
.search-btn:hover,
.checkout-btn:hover,
.agency-btn:hover,
.deal-btn:hover,
.nav-actions .pill:last-child:hover {
  background: #2f302a !important;
  box-shadow: 0 8px 20px rgba(17,17,14,.16) !important;
}
.agency-btn--ghost { background: #fff !important; color: var(--ota-ink) !important; }

.swap-btn,
.route-action,
.cta-link { color: var(--ota-ink) !important; }
.sort-btn.active,
.sort-btn[aria-pressed="true"],
.agency-nav a[aria-current="page"],
.agency-tab[aria-selected="true"],
.checkout-step-number,
.checkout-status {
  color: var(--ota-ink) !important;
  background: rgba(184,255,24,.16) !important;
}
.logo-chip,
.route-mode-icon {
  background: rgba(184,255,24,.16) !important;
  color: var(--ota-ink) !important;
  border-color: rgba(126,163,31,.35) !important;
}
.decision-card-v1 {
  border-color: rgba(126,163,31,.34) !important;
  background: rgba(184,255,24,.075) !important;
}
.decision-card-v1__eyebrow { color: var(--ota-ink) !important; }
.decision-card-v1__pill { background: rgba(184,255,24,.18) !important; color: #31342a !important; }
.agency-card--dark {
  background: rgba(184,255,24,.07) !important;
  border-color: rgba(126,163,31,.28) !important;
}
.route-card:hover,
.result-card:hover,
.checkout-offer:hover { border-color: rgba(126,163,31,.42) !important; }

/* Flight helper cards use textual actions. Legacy launch CTA rules must not
   turn those actions into floating lime buttons that overlap the copy. */
.ota-trust-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ota-trust-item > span {
  display: block;
  flex: 1 1 auto;
}
.ota-trust-item > .cta-link {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center;
  align-self: flex-start;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 13px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ota-ink) !important;
  line-height: 1.35;
  font-weight: 820 !important;
  text-decoration: none !important;
  transform: none !important;
}
.ota-trust-item > .cta-link:hover {
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Keep canonical high-visibility keyboard focus even where OTA rules override inputs. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #b8ff18 !important;
  outline-offset: 3px !important;
}