/* OddsQ r81: asset diversity, ticker tone, and desktop overlay polish. */

/* Search suggestions must sit above both the high-confidence tape and hero. */
.site-header {
  z-index: 5000 !important;
  overflow: visible !important;
}

.search-shell,
.search-shell:focus-within {
  z-index: 5010 !important;
  overflow: visible !important;
}

.search-results {
  z-index: 5020 !important;
  max-height: min(420px, calc(100vh - 110px));
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-color: rgba(241, 201, 40, 0.32) !important;
  background: rgba(12, 16, 17, 0.99) !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

/* Use one restrained market-template gold instead of mixed rail colors. */
.market-ticker {
  border-color: rgba(241, 201, 40, 0.24) !important;
  background:
    radial-gradient(ellipse at 16% 50%, rgba(241, 201, 40, 0.09), transparent 35%),
    linear-gradient(90deg, rgba(34, 31, 15, 0.96), rgba(15, 19, 20, 0.98) 30%, rgba(15, 19, 20, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 226, 91, 0.12),
    inset 0 -1px 0 rgba(241, 201, 40, 0.08) !important;
}

.market-ticker .ticker-status {
  color: #f2df73 !important;
  background: linear-gradient(90deg, rgba(241, 201, 40, 0.12), rgba(241, 201, 40, 0.025)) !important;
  border-right-color: rgba(241, 201, 40, 0.16) !important;
}

.market-ticker .live-pulse,
.market-ticker .ticker-source-dot {
  background: #f1c928 !important;
  box-shadow: 0 0 10px rgba(241, 201, 40, 0.42) !important;
}

.market-ticker .ticker-item {
  border-radius: 7px;
  transition: color 150ms ease, background-color 150ms ease;
}

.market-ticker .ticker-item:hover,
.market-ticker .ticker-item:focus-visible {
  color: #fff6c7 !important;
  background: rgba(241, 201, 40, 0.075) !important;
}

.market-ticker .ticker-probability {
  color: #f1c928 !important;
}

/* Give the supporting sentence enough presence without crowding the metrics. */
@media (min-width: 761px) {
  .lead-subtitle {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;
  }
}

@media (max-width: 760px) {
  .search-results {
    position: fixed !important;
    top: 64px !important;
    right: 12px !important;
    left: 12px !important;
  }

  .lead-subtitle {
    font-weight: 600 !important;
  }
}