/* ════════════════════════════════════════════════════════════════
   SPECIALS — Tonight's board, the coupon check, the feed sync.
   Builds on diner.css :root vars and its .container "booth".
   ════════════════════════════════════════════════════════════════ */

.container.specials {
  max-width: 560px;
}

/* Kill the "Open · 24 hrs" tag diner.css pins to every .container. */
.container.specials::after {
  content: none;
}

.specials-sub {
  font-family: var(--font-label);
  font-size: 0.7rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--color-mud);
  margin: 0 0 0.4rem;
}

/* ── Sections ─────────────────────────────────────────────────── */
.section {
  margin-top: 1.8rem;
  padding-top: 1.3rem;
  border-top: var(--rule);
}
.section:first-of-type {
  margin-top: 1.2rem;
  padding-top: 0;
  border-top: none;
}

.section h3 {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-teal);
  text-shadow: 0 0 8px rgba(0, 229, 200, 0.25);
  margin: 0 0 0.9rem;
}

.section .hint {
  font-family: var(--font-body);
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--color-mud);
  margin: 0 0 0.9rem;
}

/* ── The board ────────────────────────────────────────────────── */
.board {
  list-style: none;
  margin: 0;
  padding: 0;
}

.board li {
  padding: 0.55rem 0;
  border-bottom: 1px dotted rgba(106, 95, 114, 0.3);
}
.board li:last-child { border-bottom: none; }

.board .b-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.board .b-name {
  font-family: var(--font-heading);
  font-size: 1.02rem;
  letter-spacing: 0.03em;
  color: var(--color-bone);
}

.board .b-dots {
  flex: 1;
  border-bottom: 1px dotted rgba(106, 95, 114, 0.45);
  transform: translateY(-3px);
}

.board .b-price {
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-ember);
}

.board .b-note {
  font-family: var(--font-body);
  font-size: 0.68rem;
  font-style: italic;
  color: var(--color-mud);
  margin-top: 0.15rem;
}

/* ── Inline field + button rows ───────────────────────────────── */
.field-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

.field-row input[type="text"] {
  flex: 1;
  margin-top: 0;
}

/* diner.css makes every bare button full-width with a big top margin —
   the inline actions opt out. */
.btn-inline {
  width: auto;
  margin-top: 0;
  white-space: nowrap;
  padding: 0.7rem 1.1rem;
}

/* ── Result lines ─────────────────────────────────────────────── */
.result {
  min-height: 1.1rem;
  margin-top: 0.7rem;
  font-family: var(--font-body);
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--color-mud);
}
.result.ok   { color: var(--color-teal); text-shadow: 0 0 8px rgba(0, 229, 200, 0.3); }
.result.bad  { color: var(--color-pink); text-shadow: 0 0 8px rgba(255, 45, 122, 0.3); }

/* ── Staff feed-sync panel ────────────────────────────────────── */
.staff-note {
  font-family: var(--font-body);
  font-size: 0.72rem;
  color: var(--color-mud);
}
.staff-note a { font-size: inherit; }

/* ── Footer nav ───────────────────────────────────────────────── */
.nav-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1.8rem;
  padding-top: 1.2rem;
  border-top: var(--rule);
  font-family: var(--font-label);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}