/* Sports — palmer-bets-sports 39:37 / palmer-bets-sports-mobile 70:295 */

/* ── sport filters  39:75 ─────────────────────────────────────────────── */
.sports-nav { background: #fff; box-shadow: inset 0 0 0 1px var(--color-border); }
.sports-nav__inner { display: flex; flex-direction: column; gap: 12px; padding-block: 16px; }
.sports-nav .pills { width: auto; }

/* ── workspace  39:100 ────────────────────────────────────────────────── */
.workspace { padding: 24px 0 40px; background: var(--color-bg); }
.results-head { display: flex; align-items: baseline; gap: 8px; min-height: 24px; margin-bottom: 16px; }
.results-head__title { font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 24px; color: var(--color-text); letter-spacing: .03em; }
.results-head__sub { font-size: 13px; line-height: 17px; color: var(--color-muted-3); }
.workspace__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.workspace__list { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.workspace__slip { position: sticky; top: calc(var(--header-h) + 24px); }
.workspace__empty { padding: 24px; background: #fff; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--color-border); font-size: 14px; line-height: 20px; color: var(--color-muted); }

/* competition group 39:107: r6, 48px header, 84px rows with 12px padding */
.market--sports { border-radius: var(--radius-md); }
.market--sports .market__head { padding: 14px; }
.market--sports .market__icon { display: inline-flex; width: 20px; height: 20px; color: var(--color-text); }
.market--sports .market__icon .icon { width: 20px; height: 20px; }
.market--sports .market__sport { font-size: 15px; line-height: 20px; }
.market__all--bold { font-weight: 700; }
.market--sports .event { gap: 16px; padding: 12px; }
.market--sports .event + .event { box-shadow: inset 0 1px 0 var(--color-border); }
.market--sports .event__meta { width: 200px; gap: 4px; }
.market--sports .event__teams { font-size: 14px; line-height: 18px; gap: 4px; }
.market--sports .event__market { width: 100px; }
.market--sports .event__market-label { font-size: 10px; line-height: 13px; }
.market--sports .event__market-name { font-size: 12px; line-height: 16px; }
.market--sports .odd { padding: 10px 12px; }
.market--sports .event__more { width: 110px; font-size: 13px; line-height: 17px; }
.market--sports .event.is-hidden { display: none; }
.market--sports.is-hidden { display: none; }

/* ── mobile  70:295 ───────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .sports-nav { box-shadow: none; }
  .sports-nav__inner { gap: 0; padding-block: 0; }
  .pills--sports { flex-wrap: nowrap; gap: 8px; padding: 12px var(--container-pad-mobile); margin-inline: calc(-1 * var(--container-pad-mobile)); overflow-x: auto; scrollbar-width: none; }
  .pills--sports::-webkit-scrollbar { display: none; }
  .pills--secondary { padding: 0 0 16px; }

  .workspace { padding: 0 0 32px; }
  .workspace > .container { padding: 0; }
  .results-head { padding: 16px 16px 12px; margin: 0; justify-content: space-between; min-height: 50px; }
  .results-head__title { font-size: 16px; line-height: 22px; }
  .results-head__sub { font-size: 12px; line-height: 16px; }
  .workspace__grid { grid-template-columns: 1fr; gap: 0; }
  .workspace__list { gap: 0; }
  .workspace__slip { display: none; }
  .workspace__empty { margin: 16px; }

  .market--sports { border-radius: 0; box-shadow: none; padding-bottom: 24px; background: transparent; }
  .market--sports .market__head { padding: 12px; box-shadow: inset 0 1px 0 var(--color-border), inset 0 -1px 0 var(--color-border); }
  .market--sports .market__icon { display: none; }
  .market--sports .market__body { gap: 12px; padding: 12px 16px; }
  .market--sports .event {
    grid-template-columns: 1fr auto; grid-template-areas: "meta market" "teams teams" "odds odds" "more more";
    gap: 10px; padding: 12px; background: #fff; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--color-border);
  }
  .market--sports .event + .event { box-shadow: inset 0 0 0 1px var(--color-border); }
  .market--sports .event__meta { display: contents; }
  .market--sports .event__time { grid-area: meta; font-weight: 500; font-size: 11px; line-height: 14px; }
  .market--sports .event__teams { grid-area: teams; flex-direction: column; gap: 2px; font-size: 15px; line-height: 20px; }
  .market--sports .event__vs { display: none; }
  .market--sports .event__market { grid-area: market; justify-self: end; }
  .market--sports .event__market-name { font-size: 11px; line-height: 14px; }
  .market--sports .event__odds { grid-area: odds; }
  .market--sports .odd { padding: 10px; }
  .market--sports .odd__name { font-size: 10px; line-height: 13px; }
  .market--sports .event__more { grid-area: more; justify-self: end; font-size: 12px; line-height: 16px; color: var(--color-brand); }
}
@media (max-width: 1199px) {
  /* on /sports the three-way row keeps the regular button type (70:442) */
  .market--sports .event__odds--3 { gap: 8px; }
  .market--sports .event__odds--3 .odd { padding: 10px; }
  .market--sports .event__odds--3 .odd__price { font-size: 13px; line-height: 17px; }
  .sports-nav .pills--secondary { padding-inline: 0; }
}