/**
 * Shared circular team-badge UI (Over Goals H2H, Wins 1X2).
 * Legacy .og-h2h-* aliases remain for gradual migration.
 */

.market-badge-section,
.og-h2h-section {
  margin-top: 2px;
}

.market-badge-strip,
.og-h2h-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}

.market-badge-strip--table,
.og-h2h-strip--table {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
  gap: 5px 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
}

.desktop-only #matches_table .market-badge-strip--table .market-badge-col,
.desktop-only #matches_table .og-h2h-strip--table .og-h2h-badge-col {
  flex: 0 0 auto;
}

.market-badge-strip--cards,
.og-h2h-strip--cards {
  justify-content: flex-start;
}

.market-badge-strip--1x2 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  flex-wrap: nowrap;
  gap: 8px 10px;
}

.market-badge-strip--1x2 .market-badge-col {
  flex: 1 1 0;
  min-width: 0;
  max-width: 72px;
}

.market-badge-col,
.og-h2h-badge-col {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
}

.market-badge-col .market-badge-tooltip,
.market-badge-col .og-h2h-tooltip,
.og-h2h-badge-col .market-badge-tooltip,
.og-h2h-badge-col .og-h2h-tooltip {
  line-height: 0;
}

/* Match tooltips live inside .market-badge-tooltip; line-height: 0 collapses inner text
   line boxes and can paint thin horizontal “stray” segments beside date/score pills. */
.market-badge-col .market-badge-tooltip .tooltip-content,
.og-h2h-badge-col .market-badge-tooltip .tooltip-content {
  line-height: normal;
}

.market-badge-score-under,
.og-h2h-score-under {
  font-size: 9px;
  line-height: 1.2;
  color: var(--text-muted, #888);
  text-align: center;
  font-variant-numeric: tabular-nums;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme="light"] .market-badge-score-under,
[data-theme="light"] .og-h2h-score-under {
  color: var(--text-muted, #64748b);
}

.market-badge-pair,
.og-h2h-pair {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: help;
}

[data-theme="light"] .market-badge-pair,
[data-theme="light"] .og-h2h-pair {
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: rgba(248, 250, 252, 0.95);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.market-badge-pair--single .market-badge-half--winner,
.og-h2h-pair--single .og-h2h-half--winner {
  background: transparent;
  padding: 4px 7px;
}

.market-badge-pair--home-win,
.og-h2h-pair--home-win {
  border-color: rgba(167, 139, 250, 0.55);
  background: rgba(139, 92, 246, 0.16);
}

.market-badge-pair--away-win,
.og-h2h-pair--away-win {
  border-color: rgba(251, 146, 60, 0.55);
  background: rgba(249, 115, 22, 0.14);
}

/* H2H draw meetings only — not used on Wins 1X2 (Draw is text-only there) */
.market-badge-strip:not(.market-badge-strip--1x2) .market-badge-pair--draw,
.og-h2h-pair--draw {
  border-color: rgba(148, 163, 184, 0.45);
  background: rgba(148, 163, 184, 0.1);
}

[data-theme="light"] .market-badge-pair--home-win,
[data-theme="light"] .og-h2h-pair--home-win {
  border-color: rgba(109, 40, 217, 0.38);
  background: rgba(109, 40, 217, 0.1);
}

[data-theme="light"] .market-badge-pair--away-win,
[data-theme="light"] .og-h2h-pair--away-win {
  border-color: rgba(194, 65, 12, 0.42);
  background: rgba(234, 88, 12, 0.1);
}

[data-theme="light"] .market-badge-strip:not(.market-badge-strip--1x2) .market-badge-pair--draw,
[data-theme="light"] .og-h2h-pair--draw {
  border-color: rgba(100, 116, 139, 0.4);
  background: rgba(241, 245, 249, 0.95);
}

.market-badge-half,
.og-h2h-half {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  line-height: 0;
}

.market-badge-half--home,
.og-h2h-half--home {
  background: rgba(139, 92, 246, 0.14);
}

.market-badge-half--away,
.og-h2h-half--away {
  background: rgba(249, 115, 22, 0.12);
}

[data-theme="light"] .market-badge-half--home,
[data-theme="light"] .og-h2h-half--home {
  background: rgba(109, 40, 217, 0.1);
}

[data-theme="light"] .market-badge-half--away,
[data-theme="light"] .og-h2h-half--away {
  background: rgba(234, 88, 12, 0.1);
}

.market-badge-divider,
.og-h2h-divider {
  width: 1px;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.14);
  flex-shrink: 0;
}

[data-theme="light"] .market-badge-divider,
[data-theme="light"] .og-h2h-divider {
  background: rgba(15, 23, 42, 0.12);
}

.market-badge-img,
.og-h2h-img {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
  object-fit: contain;
  display: block;
}

.market-badge-strip--table .market-badge-img,
.og-h2h-strip--table .og-h2h-img {
  width: 15px;
  height: 15px;
  max-width: 15px;
  max-height: 15px;
}

.desktop-only #matches_table .market-badge-strip--table .market-badge-img,
.desktop-only #matches_table .og-h2h-strip--table .og-h2h-img {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
}

.desktop-only #matches_table .market-badge-strip--table .market-badge-half,
.desktop-only #matches_table .og-h2h-strip--table .og-h2h-half {
  padding: 2px 4px;
}

.desktop-only #matches_table .market-badge-strip--table .market-badge-pair--single .market-badge-half--winner,
.desktop-only #matches_table .og-h2h-strip--table .og-h2h-pair--single .og-h2h-half--winner {
  padding: 2px 5px;
}

.desktop-only #matches_table .og-h2h-cell .market-badge-score-under,
.desktop-only #matches_table .og-h2h-cell .og-h2h-score-under {
  max-width: none;
}

/* H2H meeting scores only (not Wins 1X2 % in a separate column) */
.desktop-only #matches_table .og-h2h-cell .market-badge-score-under--home,
.desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--home {
  color: #fbbf24;
}

.desktop-only #matches_table .og-h2h-cell .market-badge-score-under--away,
.desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--away {
  color: #c4b5fd;
}

.desktop-only #matches_table .og-h2h-cell .market-badge-score-under--draw,
.desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--draw {
  color: var(--text-muted, #888);
}

[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .market-badge-score-under--home,
[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--home {
  color: #b45309;
}

[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .market-badge-score-under--away,
[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--away {
  color: #6d28d9;
}

[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .market-badge-score-under--draw,
[data-theme="light"] .desktop-only #matches_table .og-h2h-cell .og-h2h-score-under--draw {
  color: #64748b;
}

.market-badge-link,
.og-h2h-link {
  display: inline-block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--primary-green);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.market-badge-link:hover,
.og-h2h-link:hover {
  color: var(--confidence-high);
}

.market-badge-empty,
.og-h2h-empty {
  color: var(--text-muted);
  font-size: 11px;
}

.market-badge-th,
.og-h2h-th {
  white-space: nowrap;
}

.market-badge-cell .market-badge-link,
.og-h2h-cell .og-h2h-link {
  display: block;
  margin-top: 6px;
  font-size: 10px;
}

/* Wins 1X2 — suppress any legacy crest <img> or .market-badge-img left in the 1X2 cell/cards (cache-safe) */
body.layout-wide #matches_table td.one-x-two-cell img,
body.layout-wide #matches_table td.one-x-two-cell .market-badge-img,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block img,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .market-badge-img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide legacy pill wrappers if old HTML is still in DOM */
body.layout-wide #matches_table td.one-x-two-cell .market-badge-pair,
body.layout-wide #matches_table td.one-x-two-cell .market-badge-half,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .market-badge-pair,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .market-badge-half {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.layout-wide #matches_table td.one-x-two-cell .one-x-two-dot,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .one-x-two-dot {
  display: inline-block !important;
  min-width: 5px !important;
  min-height: 5px !important;
}

body.layout-wide #matches_table td.one-x-two-cell .one-x-two-dot--home,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .one-x-two-dot--home {
  background-color: #c4b5fd !important;
}

body.layout-wide #matches_table td.one-x-two-cell .one-x-two-dot--away,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .one-x-two-dot--away {
  background-color: #fdba74 !important;
}

[data-theme="light"] body.layout-wide #matches_table td.one-x-two-cell .one-x-two-dot--home,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .one-x-two-dot--home {
  background-color: #6d28d9 !important;
}

[data-theme="light"] body.layout-wide #matches_table td.one-x-two-cell .one-x-two-dot--away,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block .one-x-two-dot--away {
  background-color: #c2410c !important;
}

/* Wins 1X2 uses dots + bar (no crest badges in strip). Card/tablet density in .one-x-two-metrics-wrap. */
body.layout-wide .market-badge-strip--1x2 .market-badge-score-under {
  font-size: 10px;
  max-width: 48px;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2 {
  gap: 6px 8px;
}

/* Wins 1X2 — Draw: text label only (never crests / pill badges) */
.market-badge-strip--1x2 .market-badge-col--draw-text-only {
  justify-content: flex-end;
}

.market-badge-strip--1x2 .market-badge-col--draw-text-only .market-badge-pair,
.market-badge-strip--1x2 .market-badge-col--draw-text-only .market-badge-img,
.market-badge-strip--1x2 .market-badge-col--draw-text-only img {
  display: none !important;
}

.market-badge-strip--1x2 .market-badge-draw-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 2px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--text-muted, #888);
  white-space: nowrap;
  user-select: none;
  cursor: help;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

[data-theme="light"] .market-badge-strip--1x2 .market-badge-draw-label {
  color: var(--text-muted, #64748b);
}

body.layout-wide .market-badge-strip--1x2 .market-badge-col--draw-text-only.is-pick .market-badge-draw-label {
  color: var(--text-secondary, #b8c0cc);
}

body.layout-wide .market-badge-strip--1x2 .market-badge-col--draw-text-only.is-pick.market-pick--high .market-badge-draw-label {
  color: var(--confidence-high, #22c55e);
}

[data-theme="light"] body.layout-wide .market-badge-strip--1x2 .market-badge-col--draw-text-only.is-pick.market-pick--high .market-badge-draw-label {
  color: #15803d;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2 .market-badge-draw-label {
  min-height: 26px;
  font-size: 9px;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2 .market-badge-score-under {
  width: 100%;
  max-width: none;
  min-width: 2.5em;
}

/* 1X2 dots row: [dot Home] | Draw | [Away dot] — no crest images in this row */
body.layout-wide .one-x-two-dots-row img {
  display: none !important;
}

body.layout-wide .one-x-two-dots-row.market-badge-strip--1x2 {
  align-items: center;
}

body.layout-wide .one-x-two-dots-row .one-x-two-dots-side {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  /* Do not use flex-basis 0 + min-width 0 — under table-layout:fixed the 1X2 column can shrink and collapse sides to 0 width (desktop only saw “Draw”). */
  flex: 1 1 auto;
  flex-shrink: 0;
  min-width: min-content;
  max-width: none;
  box-sizing: border-box;
}

/* Wins desktop table: keep 1X2 column wide enough for dot + label + Draw + label + dot */
body.layout-wide .desktop-only #matches_table td.one-x-two-cell {
  min-width: 132px;
  overflow: visible;
}

body.layout-wide .one-x-two-dots-row .one-x-two-dots-side--home {
  justify-content: flex-end;
}

body.layout-wide .one-x-two-dots-row .one-x-two-dots-side--away {
  justify-content: flex-start;
}

body.layout-wide .one-x-two-dots-row .one-x-two-dots-middle {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

body.layout-wide .one-x-two-dots-row .one-x-two-dots-middle.market-badge-col--draw-text-only {
  justify-content: center;
}

body.layout-wide .one-x-two-dots-row .market-badge-draw-label {
  min-height: 0;
  margin-top: 0;
}

body.layout-wide .one-x-two-axis-label {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  user-select: none;
}

body.layout-wide .one-x-two-dots-row .one-x-two-axis-label--home {
  color: #c4b5fd !important;
}

body.layout-wide .one-x-two-dots-row .one-x-two-axis-label--away {
  color: #fdba74 !important;
}

[data-theme="light"] body.layout-wide .one-x-two-dots-row .one-x-two-axis-label--home {
  color: #6d28d9 !important;
}

[data-theme="light"] body.layout-wide .one-x-two-dots-row .one-x-two-axis-label--away {
  color: #c2410c !important;
}

body.layout-wide .one-x-two-dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  box-sizing: border-box;
}

body.layout-wide .one-x-two-cell .one-x-two-dot {
  width: 7px;
  height: 7px;
}

body.layout-wide .one-x-two-cell .one-x-two-axis-label {
  font-size: 8px;
}

body.layout-wide .one-x-two-dot--home {
  background: #c4b5fd;
  box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.45);
}

body.layout-wide .one-x-two-dot--away {
  background: #fdba74;
  box-shadow: 0 0 0 1px rgba(253, 186, 116, 0.45);
}

[data-theme="light"] body.layout-wide .one-x-two-dot--home {
  background: #6d28d9;
  box-shadow: 0 0 0 1px rgba(109, 40, 217, 0.35);
}

[data-theme="light"] body.layout-wide .one-x-two-dot--away {
  background: #c2410c;
  box-shadow: 0 0 0 1px rgba(194, 65, 12, 0.35);
}

/* Tablet / card grid: slightly compact */
body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block--cards .one-x-two-dot {
  width: 7px;
  height: 7px;
}

body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block--cards .one-x-two-axis-label {
  font-size: 8px;
}

body.layout-wide .one-x-two-metrics-wrap .one-x-two-dots-row .market-badge-draw-label {
  min-height: 0;
  font-size: 9px;
  padding: 0 4px;
}

body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block--cards .market-badge-strip--1x2 {
  gap: 5px 6px;
}

body.layout-wide .one-x-two-pct-row.market-badge-strip--1x2 {
  align-items: center;
}

/* -------------------------------------------------------------------------- */
/* H2H scorelines — dot + score (BTTS table/cards + Over goals strip)         */
/* -------------------------------------------------------------------------- */

.h2h-results-th-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1.15;
  text-align: center;
}

.h2h-results-th-label {
  display: inline-block;
}

.h2h-results-legend {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--text-muted, #888);
  text-transform: none;
}

.h2h-results-legend--desktop {
  margin-top: 2px;
}

.h2h-results-legend__item {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.h2h-scoreline-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.h2h-scoreline-pair--home .h2h-scoreline-dot,
.h2h-scoreline-dot.h2h-scoreline-dot--home {
  background: rgb(167, 139, 250);
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.45);
}

.h2h-scoreline-pair--away .h2h-scoreline-dot,
.h2h-scoreline-dot.h2h-scoreline-dot--away {
  background: rgb(251, 146, 60);
  box-shadow: 0 0 0 1px rgba(251, 146, 60, 0.4);
}

.h2h-scoreline-pair--draw .h2h-scoreline-dot,
.h2h-scoreline-dot.h2h-scoreline-dot--draw {
  background: rgb(148, 163, 184);
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.45);
}

[data-theme="light"] .h2h-scoreline-pair--home .h2h-scoreline-dot,
[data-theme="light"] .h2h-scoreline-dot.h2h-scoreline-dot--home {
  background: rgb(109, 40, 217);
  box-shadow: 0 0 0 1px rgba(109, 40, 217, 0.35);
}

[data-theme="light"] .h2h-scoreline-pair--away .h2h-scoreline-dot,
[data-theme="light"] .h2h-scoreline-dot.h2h-scoreline-dot--away {
  background: rgb(234, 88, 12);
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.35);
}

[data-theme="light"] .h2h-scoreline-pair--draw .h2h-scoreline-dot,
[data-theme="light"] .h2h-scoreline-dot.h2h-scoreline-dot--draw {
  background: rgb(100, 116, 139);
  box-shadow: 0 0 0 1px rgba(100, 116, 139, 0.35);
}

.h2h-results-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  box-sizing: border-box;
  padding-bottom: 2px;
}

.h2h-results-scroll.market-badge-strip--table,
.h2h-results-scroll.market-badge-strip--cards {
  flex-wrap: nowrap;
  align-items: center;
}

.h2h-scoreline-slot {
  flex: 0 0 auto;
  line-height: normal;
}

.h2h-scoreline-pair {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 3rem;
  flex-shrink: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--text-primary, #fff);
  cursor: help;
  box-sizing: border-box;
}

.h2h-scoreline-txt {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Over Goals desktop table: compact H2H scorelines — fit column, no horizontal scroll */
.desktop-only #matches_table .og-h2h-cell .og-h2h-strip-root {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.desktop-only #matches_table .og-h2h-cell .h2h-results-scroll,
.desktop-only #matches_table .og-h2h-cell .market-badge-strip--table {
  gap: 3px;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: visible;
  flex-wrap: nowrap;
  padding-bottom: 0;
}

.desktop-only #matches_table .og-h2h-cell .market-badge-strip--table .market-badge-col,
.desktop-only #matches_table .og-h2h-cell .market-badge-strip--table .og-h2h-scoreline-col {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
}

.desktop-only #matches_table .og-h2h-cell .h2h-scoreline-pair {
  font-size: 9px;
  font-weight: 600;
  gap: 2px;
  min-width: 0;
  flex-shrink: 1;
  justify-content: center;
  width: 100%;
}

.desktop-only #matches_table .og-h2h-cell .h2h-scoreline-dot {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
}

.desktop-only #matches_table .og-h2h-cell .h2h-scoreline-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.desktop-only #matches_table .og-h2h-cell .market-badge-link {
  font-size: 9px;
  line-height: 1.2;
  word-break: break-word;
}

.h2h-results-legend--card .h2h-legend-short {
  display: none;
}

@media (max-width: 420px) {
  .h2h-results-legend--card .h2h-legend-long {
    display: none;
  }

  .h2h-results-legend--card .h2h-legend-short {
    display: inline;
  }
}

.market-badge-col.og-h2h-scoreline-col {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.og-h2h-scoreline-col .tooltip-container.market-badge-tooltip {
  line-height: normal;
}

.og-h2h-strip-root {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.btts-h2h-cell {
  vertical-align: middle;
}

/* Wins 1X2 block: dots + proportional bar + % (desktop .one-x-two-cell, cards .one-x-two-metrics-wrap) */
body.layout-wide .one-x-two-1x2-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

body.layout-wide .one-x-two-cell .one-x-two-1x2-block--table {
  max-width: 100%;
}

/* Probability bar */
body.layout-wide .one-x-two-cell .one-x-two-prob-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 200px;
  min-height: 6px;
  height: 6px;
  margin: 6px auto 0;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 5px;
  height: 5px;
  margin: 5px auto 0;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="light"] body.layout-wide .one-x-two-cell .one-x-two-prob-bar,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-bar {
  background: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.12);
}

body.layout-wide .one-x-two-cell .one-x-two-prob-seg,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg {
  display: block;
  height: 100%;
  min-width: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}

body.layout-wide .one-x-two-cell .one-x-two-prob-seg--home,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--home {
  background: #c4b5fd;
}

body.layout-wide .one-x-two-cell .one-x-two-prob-seg--draw,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--draw {
  background: #94a3b8;
}

body.layout-wide .one-x-two-cell .one-x-two-prob-seg--away,
body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--away {
  background: #fdba74;
}

[data-theme="light"] body.layout-wide .one-x-two-cell .one-x-two-prob-seg--home,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--home {
  background: #6d28d9;
}

[data-theme="light"] body.layout-wide .one-x-two-cell .one-x-two-prob-seg--draw,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--draw {
  background: #64748b;
}

[data-theme="light"] body.layout-wide .one-x-two-cell .one-x-two-prob-seg--away,
[data-theme="light"] body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-seg--away {
  background: #c2410c;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2.market-badge-strip--pct-only,
body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only {
  margin-top: 4px;
  width: 100%;
  max-width: 220px;
}

body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only {
  max-width: 100%;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-col,
body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-col {
  justify-content: center;
  min-height: 0;
  padding-top: 0;
}

body.layout-wide .one-x-two-cell .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-score-under,
body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-score-under {
  max-width: none;
}

body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-score-under {
  font-size: 10px;
}

body.layout-wide .one-x-two-pct-row .market-badge-col--draw-text-only {
  justify-content: center;
}

@media (max-width: 520px) {
  body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block--cards .one-x-two-dot {
    width: 5px;
    height: 5px;
  }

  body.layout-wide .one-x-two-metrics-wrap .one-x-two-prob-bar {
    min-height: 4px;
    height: 4px;
    margin-top: 4px;
    border-radius: 2px;
  }

  body.layout-wide .one-x-two-metrics-wrap .one-x-two-dots-row .market-badge-draw-label {
    font-size: 8px;
    padding: 0 2px;
  }

  body.layout-wide .one-x-two-metrics-wrap .market-badge-strip--1x2.market-badge-strip--pct-only .market-badge-score-under {
    font-size: 9px;
  }

  body.layout-wide .one-x-two-metrics-wrap .one-x-two-1x2-block--cards .market-badge-strip--1x2 {
    gap: 4px 4px;
  }

  body.layout-wide .one-x-two-metrics-wrap .one-x-two-axis-label {
    font-size: 7px;
  }
}