/* release 373 (design review): fixes from the R1 design review (prices and Home) for Games, the game page, the market board,
   Live, the Betting Lab and the 404 page. Loaded after each page's own sheet. The extra :not(#id) parts only raise
   specificity over the older theme sheets that still win with !important or long selectors. */

/* ---------------------------------------------------------------- every R1 page */
/* release 373 (design review): the skip-link target (#main, tabindex=-1) took focus after the age gate and drew a 1px dark
   focus ring around the whole page, as thin lines down both edges; a container focused by script needs no ring */
#main[tabindex="-1"]:focus { outline: none; }

/* release 373 (design review): on phones the top bar's search and account icons were white on the white bar (release 343's
   navy-bar rules in scoutics_nav.css); only Home had been patched. Ink here, like Home, until the foundation fixes it */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body header.scoutics-topbar .scoutics-menu-trigger::before,
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body header.scoutics-topbar .scoutics-menu-trigger::after { background: var(--b-ink) !important; background-color: var(--b-ink) !important; border-color: var(--b-ink) !important; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body header.scoutics-topbar :is(.scoutics-menu-trigger, .sx-pb) { color: var(--b-ink) !important; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body header.scoutics-topbar .sx-pb svg.lc { stroke: var(--b-ink) !important; }
/* the signed-in dot on the account icon was the old mint on navy */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body header.scoutics-topbar .sx-pb-on { background: var(--b-primary) !important; box-shadow: 0 0 0 2px #fff !important; }

/* ---------------------------------------------------------------- Games (/betting/markets) and the game page */
/* release 373 (design review): the sportsbook name under each price was 10px on phones, 11px on desktop */
html:not(#r1a):not(#r1b) body.b371p2 .bt-tile small { font-size: 12px; }
@media (max-width: 767px) {
  /* release 373 (design review): 44px tap targets on phones: odds format (32px) and the Odds / Simulate / Stats tabs (36px) */
  html:not(#r1a):not(#r1b) body.b371p2 .bt-tabs.is-small button,
  html:not(#r1a):not(#r1b) body.b371p2 .gp-tabs button { min-height: 44px; }
  /* Live: "Find upcoming games" (20px) and each sport's "Open NBA" link (17px) */
  html:not(#r1a):not(#r1b) body.b371p2 .dw-live-actions a,
  html:not(#r1a):not(#r1b) body.b371p2 .lv-group__link { display: inline-flex; align-items: center; min-height: 44px; }
}

/* ---------------------------------------------------------------- Betting Lab (/betting/lab) */
/* release 373 (design review): the designer's title area is centred (as on Games and Live); the track-record link sits
   under the sport tabs instead of far right */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .p5-lab-hero .b-container { text-align: center; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .p5-lab-hero .b-lead { margin-left: auto; margin-right: auto; max-width: 720px; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .p5-lab-hero .p5-hero-meta { display: flex; flex-direction: column; align-items: center; gap: 8px; }
/* release 373 (design review): the player-form bars were near-black (#3f3f46); indigo like every other bar on the page */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .lab-cl-bar { background: var(--b-primary); border-radius: 6px; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .lab-cl-bar .lab-cl-name { color: #fff; }
/* release 373 (design review): no text under 12px (was 9-11px: chart scale, VS, kickoff time, plan pills, notes, footer) */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page :is(.lab-cache-note, .lab-fixture-center span, .lab-fixture-center strong, .pc-lock, .pc-foot, .lab-chart-scale span, .lab-model-metrics > div, .lab-player-context, .report-footer span) { font-size: 12px; }
/* release 373 (design review): the copy and check list in "Every Price in One Place" sat flush under the heading (the
   page's p and ul margin resets beat .b-mt-16 / .b-mt-24) */
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .b-section .b-mt-16 { margin-top: 16px; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .b-section .b-mt-24 { margin-top: 24px; }
html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .b-section .b-mt-8 { margin-top: 8px; }
@media (max-width: 767px) {
  /* release 373 (design review): 44px tap targets on phones */
  html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page :is(.pc-toggle button, .pc-lock, .pc-upsell a, .report-link) { display: inline-flex; align-items: center; min-height: 44px; }
  /* the small feedback icons keep their size; their hit area grows to 44px (the "?" tips already have one, info_tip.css) */
  html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .sct-fb { position: relative; }
  html:not(#r1a):not(#r1b):not(#r1c):not(#r1d) body.lab-page .sct-fb::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
}

/* ---------------------------------------------------------------- market board (/betting/markets?view=board) */
/* release 373 (design review): the source name and the spread / age chips were 11px */
html:not(#r1a):not(#r1b) body.mb-page :is(.src, .mk-chip) { font-size: 12px; }