/* schedule-edge.css — the per-game condition chips scheduleEdgeMLB.js injects
   into each schedule card, plus the live-state line that replaces them once a
   game starts.

   Scoped entirely under .wb-edge, which only exists on MLB cards. Applies at
   BOTH breakpoints on purpose: the chips are the same three facts whether the
   card sits in a desktop rail or the mobile list, and the tone colors are
   lifted from prop-cards.css so a "hot" chip here is the same green as an
   elite grade everywhere else in the app. */

.wb-edge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 9px 0 2px;
  margin-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.wb-edge-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.045em;
  white-space: nowrap;
  cursor: help;               /* every chip carries a title= explaining itself */
  background: rgba(255, 255, 255, 0.05);
  color: #a8b0bf;
}
/* hot = helps the hitter, warm = mild help, bad = actively suppresses him,
   cold = a cool-but-neutral park effect, flat = a condition that REMOVES a
   factor rather than adding one. */
.wb-edge-chip[data-tone="hot"]  { color: #22c55e; background: rgba(34, 197, 94, 0.11); }
.wb-edge-chip[data-tone="warm"] { color: #fbbf24; background: rgba(251, 191, 36, 0.10); }
.wb-edge-chip[data-tone="cold"] { color: #60a5fa; background: rgba(96, 165, 250, 0.10); }
.wb-edge-chip[data-tone="bad"]  { color: #ef4444; background: rgba(239, 68, 68, 0.11); }
.wb-edge-chip[data-tone="flat"] { color: #8b91a0; background: rgba(255, 255, 255, 0.05); }

/* ── live state ─────────────────────────────────────────────────── */
.wb-edge-live {
  font-size: 0.72rem;
  color: #cbd5e1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
}
.wb-edge-live b { color: #8b91a0; font-weight: 700; letter-spacing: 0.05em;
  font-size: 0.66rem; text-transform: uppercase; }
.wb-edge-sep { color: #4b5563; font-style: normal; margin: 0 2px; }

/* The card is overflow:hidden (schedule-layout.css:102), so a long batter name
   has to be allowed to truncate rather than push the line out of the card. */
@media (max-width: 1000px) {
  .wb-edge { padding-top: 8px; }
  .wb-edge-chip { font-size: 0.6rem; padding: 2px 7px; }
}