/* ScommessePRO: components/odds. Theme-owned; keep cascade order in styles.json. */
body.sp-site-v2 .spoc {
  --surface: var(--sp-ds-raised);
  --surface2: var(--sp-ds-support);
  --green: var(--sp-ds-action);
  --green-soft: rgba(185, 242, 39, .13);
  color: var(--text);
}

body.sp-site-v2 .spoc img {
  border: 0 !important;
  box-shadow: none !important;
}

body.sp-site-v2 .spoc-sr-only {
  border: 0 !important;
}

body.sp-site-v2 .spoc-hero {
  border: 1px solid var(--line);
  border-top: 4px solid var(--green);
  background: linear-gradient(145deg,var(--sp-ds-support),var(--sp-ds-commercial));
  box-shadow: 0 14px 38px rgb(0 0 0 / .22);
}

body.sp-site-v2 .spoc-eyebrow {
  color: var(--green);
}

body.sp-site-v2 .spoc-hero h2 {
  color: #fff;
}

body.sp-site-v2 .spoc-competitions {
  border: 1px solid var(--line);
  background: var(--sp-ds-commercial);
}

body.sp-site-v2 .spoc-competition {
  border: 1px solid var(--line);
  background: var(--sp-ds-support);
  color: #cfcfd5;
}

body.sp-site-v2 .spoc-competition small {
  color: var(--muted);
}

body.sp-site-v2 .spoc-competition[aria-selected="true"] {
  border-color: var(--green);
  background: var(--green-soft);
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-summary {
  border: 1px solid var(--line);
  background: var(--sp-ds-raised);
}

body.sp-site-v2 .spoc-summary strong {
  color: #fff;
}

body.sp-site-v2 .spoc-summary span {
  color: var(--muted);
}

body.sp-site-v2 .spoc-day>h3 {
  border: 1px solid var(--line);
  background: rgba(8, 21, 34, .96);
  color: #fff;
}

body.sp-site-v2 .spoc-fixture {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 8px 24px rgb(0 0 0 / .18);
}

body.sp-site-v2 .spoc-scoreboard {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg,var(--sp-ds-raised),var(--sp-ds-raised));
}

body.sp-site-v2 .spoc-team {
  color: #fff;
}

body.sp-site-v2 .spoc-team strong {
  color: #fff;
}

body.sp-site-v2 .spoc-crest-fallback {
  border: 1px solid rgb(255 255 255 / .2);
  background: var(--sp-ds-editorial);
  color: #fff;
}

body.sp-site-v2 .spoc-kickoff strong {
  color: #fff;
}

body.sp-site-v2 .spoc-kickoff span {
  color: var(--muted);
}

body.sp-site-v2 .spoc-markets {
  border-bottom: 1px solid var(--line);
  background: var(--sp-ds-commercial);
}

body.sp-site-v2 .spoc-markets button {
  border: 1px solid var(--line);
  background: var(--surface2);
  color: var(--text);
}

body.sp-site-v2 .spoc-markets button[aria-selected="true"] {
  border-color: var(--green);
  background: var(--green-soft);
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-competition:focus-visible,
body.sp-site-v2 .spoc-markets button:focus-visible,
body.sp-site-v2 .spoc-view-switch button:focus-visible,
body.sp-site-v2 .spoc-selection summary:focus-visible,
body.sp-site-v2 .spoc-mobile-offer:focus-visible,
body.sp-site-v2 .spoc-odd:focus-visible {
  outline: 3px solid var(--sp-ds-accent-text) !important;
}

body.sp-site-v2 .spoc-view-switch button {
  border: 1px solid var(--line);
  background: var(--sp-ds-support);
  color: var(--muted);
}

body.sp-site-v2 .spoc-view-switch button[aria-pressed="true"] {
  border-color: rgba(185, 242, 39, .7);
  background: var(--green-soft);
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-selection {
  border: 1px solid var(--line);
  background: var(--sp-ds-raised);
}

body.sp-site-v2 .spoc-selection summary::after {
  color: var(--muted);
}

body.sp-site-v2 .spoc-selection summary strong {
  color: #fff;
}

body.sp-site-v2 .spoc-selection summary small,
body.sp-site-v2 .spoc-selection.is-empty small {
  color: var(--muted);
}

body.sp-site-v2 .spoc-mobile-best {
  background: var(--green-soft);
  color: #71efa8;
}

body.sp-site-v2 .spoc-mobile-best i {
  background: var(--sp-ds-editorial);
  color: #fff;
}

body.sp-site-v2 .spoc-book-logo {
  background: var(--spoc-logo-bg,#fff);
}

body.sp-site-v2 .spoc-book-logo em {
  color: var(--sp-ds-action-ink);
}

body.sp-site-v2 .spoc-mobile-offers {
  border-top: 1px solid var(--line);
}

body.sp-site-v2 .spoc a.spoc-mobile-offer,
body.sp-site-v2 .spoc-mobile-offer {
  border-bottom: 1px solid var(--line);
  color: #fff;
}

body.sp-site-v2 .spoc-mobile-offer:last-child {
  border-bottom: 0;
}

body.sp-site-v2 .spoc-mobile-offer>b {
  background: var(--sp-ds-support);
}

body.sp-site-v2 .spoc-mobile-offer.is-best>b {
  background: var(--green-soft);
  color: #71efa8;
  box-shadow: inset 0 0 0 1px rgba(185, 242, 39, .4);
}

body.sp-site-v2 .spoc-data-warning,
body.sp-site-v2 .spoc-fixture-status {
  border-bottom: 1px solid var(--line);
  background: #2b2415;
  color: #f0d79a;
}

body.sp-site-v2 .spoc-mobile-offer.is-disabled>b,
body.sp-site-v2 .spoc-odd.is-disabled {
  box-shadow: none;
}

body.sp-site-v2 .spoc-table-wrap {
  border: 1px solid var(--line);
}

body.sp-site-v2 .spoc-table th,
body.sp-site-v2 .spoc-table td {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

body.sp-site-v2 .spoc-table tr:last-child th,
body.sp-site-v2 .spoc-table tr:last-child td {
  border-bottom: 0;
}

body.sp-site-v2 .spoc-table th:last-child,
body.sp-site-v2 .spoc-table td:last-child {
  border-right: 0;
}

body.sp-site-v2 .spoc-table thead th {
  background: var(--sp-ds-support);
}

body.sp-site-v2 .spoc-table thead th:first-child,
body.sp-site-v2 .spoc-table tbody th {
  color: #fff;
}

body.sp-site-v2 .spoc-table tbody th {
  background: var(--sp-ds-raised);
}

body.sp-site-v2 .spoc-table .spoc-odd {
  color: #fff;
}

body.sp-site-v2 .spoc-table a.spoc-odd:hover {
  background: rgba(185, 242, 39, .08);
  color: #83f4b2;
}

body.sp-site-v2 .spoc-table .spoc-odd.is-best {
  background: var(--green-soft);
  color: #63e99b;
  box-shadow: inset 0 0 0 1px rgba(185, 242, 39, .42);
}

body.sp-site-v2 .spoc-na {
  color: #94949d;
}

body.sp-site-v2 .spoc-table-legend {
  color: var(--muted);
}

body.sp-site-v2 .spoc-empty {
  border: 1px dashed rgb(255 255 255 / .15);
  background: var(--sp-ds-commercial);
}

body.sp-site-v2 .spoc-empty strong {
  color: #fff;
}

body.sp-site-v2 .spoc-empty span {
  color: var(--muted);
}

body.sp-site-v2 .spoc-footer {
  border: 1px solid var(--line);
  background: var(--sp-ds-raised);
  color: #aaaab2;
}

body.sp-site-v2 .spoc-unavailable {
  border: 1px solid #ddd;
}

body.sp-site-v2 .spoc-fragment-state button {
  border: 1px solid #4d4d55;
  background: var(--sp-ds-support);
  color: #fff;
}

body.sp-site-v2 .spoc-fragment-state button:focus-visible {
  outline: 3px solid rgb(44 221 119 / .38);
}

body.sp-site-v2 .spoc-summary time {
  color: var(--muted);
}

body.sp-site-v2 .spoc-kickoff time {
  color: inherit;
}

body.sp-site-v2 .spoc-featured {
  border: 1px solid var(--sp-ds-editorial);
  background: var(--sp-ds-raised);
  color: #f7f7f8;
}

body.sp-site-v2 .spoc-featured-head p {
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-featured h2 {
  color: #fff;
}

body.sp-site-v2 .spoc-featured-head>a,
body.sp-site-v2 .spoc-featured-empty>a {
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-featured-fixture {
  border: 1px solid var(--sp-ds-editorial);
  background: var(--sp-ds-support);
}

body.sp-site-v2 .spoc-featured-match {
  color: #fff;
}

body.sp-site-v2 .spoc-featured-meta {
  color: #aaaab2;
}

body.sp-site-v2 .spoc-featured-teams b {
  color: #fff;
}

body.sp-site-v2 .spoc-featured-teams i {
  color: #777780;
}

body.sp-site-v2 .spoc-featured-crest {
  background: var(--sp-ds-editorial);
}

body.sp-site-v2 .spoc-featured-odds {
  border-top: 1px solid var(--sp-ds-editorial);
}

body.sp-site-v2 .spoc-featured-odd {
  border: 1px solid #3d3d44;
  background: var(--sp-ds-editorial);
  color: #fff;
}

body.sp-site-v2 .spoc-featured-odd>b {
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .spoc-featured-odd>i {
  background: #3a3a41;
}

body.sp-site-v2 .spoc-featured-book {
  background: var(--spoc-logo-bg,#fff);
}

body.sp-site-v2 .spoc-featured-updated,
body.sp-site-v2 .spoc-featured-fallback {
  color: #9d9da5;
}

body.sp-site-v2 .spoc-featured-fallback {
  color: #d7c28c;
}

body.sp-site-v2 .spoc-featured-empty p {
  color: #b8b8bf;
}

body.sp-site-v2 .spoc-featured {
  border-color: rgb(255 255 255 / .12);
  background: linear-gradient(145deg,var(--sp-ds-raised) 0%,var(--sp-ds-commercial) 100%);
  box-shadow: 0 18px 44px rgb(0 0 0 / .22);
}

body.sp-site-v2 .spoc-featured-head>a {
  border: 1px solid rgba(185, 242, 39, .34);
  background: rgba(185, 242, 39, .08);
  color: var(--sp-ds-accent-text) !important;
}

body.sp-site-v2 .spoc-featured-head>a:hover {
  border-color: rgba(185, 242, 39, .7);
  background: rgba(185, 242, 39, .14);
}

body.sp-site-v2 .spoc-featured-fallback {
  background: rgb(215 194 140 / .09);
}

body.sp-site-v2 .spoc-featured-fixture {
  border-color: rgb(255 255 255 / .12);
  background: linear-gradient(180deg,var(--sp-ds-support),var(--sp-ds-raised));
  box-shadow: 0 8px 22px rgb(0 0 0 / .13);
}

body.sp-site-v2 .spoc-featured-fixture:hover {
  border-color: rgba(185, 242, 39, .3);
}

body.sp-site-v2 .spoc-featured-meta {
  background: rgb(255 255 255 / .055);
  color: #a9a9b2;
}

body.sp-site-v2 .spoc-featured-teams i {
  color: #686872;
}

body.sp-site-v2 .spoc-featured-odds {
  border-top-color: rgb(255 255 255 / .1);
  background: rgb(0 0 0 / .1);
}

body.sp-site-v2 .spoc-featured-odd {
  border-color: rgb(255 255 255 / .12);
  background: var(--sp-ds-editorial);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .025);
}

body.sp-site-v2 .spoc-featured-odd:hover {
  border-color: rgba(185, 242, 39, .38);
  background: var(--sp-ds-editorial);
}

body.sp-site-v2 .spoc-featured-odd>span:first-child {
  color: #d8d8de;
}

body.sp-site-v2 .spoc-featured-odd>i {
  background: var(--sp-ds-editorial);
  color: #dcdce1;
}

body.sp-site-v2 .spoc-featured-updated {
  color: #8f8f98;
}
