/* © 2025 John Sullivan. All Rights Reserved. Not for commercial use without license. */

/* ---- Google Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Work+Sans:wght@300;500&display=swap');

/* ---- color vars (updated to match TV Gap palette) ---- */
:root {
  --primary: #71C3E5;       /* Light Blue accent */
  --secondary: #082B41;     /* Dark Navy */
  --bg: #000000;            /* Black background */
}

/* ---- base ---- */
body {
  background: var(--bg);
  color: white; /* Main text now white */
  font-family: 'Lato', ui-sans-serif, system-ui;
}

h1, h2, h3, button {
  font-family: 'Work Sans', sans-serif;
}

h1 {
  background: var(--secondary);
  color: var(--primary);
  border-radius: .5rem;
  padding: .25rem .6rem;
}

/* ---- strip behind logo ---- */
.logo-box {
  background: #fff;
  border-radius: .5rem;
  padding: .25rem .6rem;
}

/* logo responsiveness */
.logo-img {
  height: auto;
}

/* ---- buttons ---- */
button {
  background: var(--primary);
  color: #fff;
  transition: filter .15s ease;
}
button:not(:disabled):hover {
  filter: brightness(1.1);
}
button:disabled {
  opacity: .4;
  pointer-events: none;
}

/* ---- autocomplete ---- */
.suggest-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 40;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: .35rem;
  max-height: 180px;
  overflow-y: auto;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
  font-family: Arial, sans-serif;
}

.suggest-item {
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .25rem .45rem;
  font-size: 1rem;
  line-height: 1.1;
  cursor: pointer;
}

.suggest-item:hover {
  background: #f6f6f6;
}

.suggest-item img {
  width: 24px;
  height: 36px;
  object-fit: cover;
  border-radius: .18rem;
}