/* sport-chips.css: the Line Shop's filter chip and its SPORT row rule,
 * shared by every page that draws a row of sport chips (prompt 154, Dan
 * 2026-10-12: "I want filters to be like the line shop").
 *
 * Moved verbatim out of static/filter-bar.css, where only the Line Shop,
 * Props, Futures, Trends and Creators could reach it; the Middle Bet Finder,
 * DFS, Boost Arb, the EV boards and Books drew their own rows without the
 * More chip. One file, one copy of the rule. Rows built in JavaScript use
 * static/sport-chips.js (TOG.sportChips), which writes this markup.
 *
 * Load it before filter-bar.css (where a page has that) and before the
 * page's own <style>, so a page rule of the same weight still wins.
 */

/* ── Filter chips ── */
.filter-btn {
  background: var(--bg3); border: 1px solid var(--border);
  color: var(--muted); padding: 6px 14px; border-radius: 20px;
  font-size: 13px; cursor: pointer; transition: all 0.15s;
}
.filter-btn:hover, .filter-btn.active {
  background: var(--gold); border-color: var(--gold); color: #000; font-weight: 600;
}
/* Touch devices apply :hover on tap and KEEP it until the next tap, so the
   +EV toggle looked stuck-on after unfiltering. Only style hover where a
   real hover pointer exists. */
@media (hover: none) {
  .filter-btn:not(.active):hover {
    background: var(--bg3); border-color: var(--border); color: var(--muted); font-weight: 400;
  }
}

/* SPORT CHIPS: FOUR ON A PHONE, THE REST BEHIND MORE (Dan, 2026-09-11,
   BL-534). A phone shows All, NFL, NCAAF and MLB; every other sport is
   tagged sport-extra-m in the markup and waits behind More. Desktop keeps
   every chip, less any the page tags sport-extra (the Line Shop's
   trimSportChips() does that for out-of-season sports). Both rules are
   classes, not inline styles, so the phone paints the short row from the
   first frame, and the chip that is ACTIVE always shows, whichever sport it
   is. A page with nothing behind More leaves the chip out. */
.sport-more-btn { display: none; }
.filter-group.has-extra .sport-more-btn { display: inline-block; }
.filter-group:not(.sports-open) .filter-btn.sport-extra:not(.active) { display: none; }
@media (max-width: 600px) {
  .sport-more-btn { display: inline-block; }
  .filter-group:not(.sports-open) .filter-btn.sport-extra-m:not(.active) { display: none; }
}
/* The app's planner (BL-564): a sport with no board gets no chip at all,
   and More goes away when nothing is waiting behind it. */
html.is-native-app .filter-btn.sport-none:not(.active) { display: none !important; }
html.is-native-app .filter-group.app-no-extra .sport-more-btn { display: none; }

/* ════════════ PHONE ════════════ */
@media (max-width: 600px) {
  .filter-btn { flex-shrink: 0; font-size: 12px; padding: 5px 10px; }
}