/* ScommessePRO: roles. Theme-owned; keep cascade order in styles.json. */
body.sp-site-v2 {
  --sp-ds-page: var(--eui-background);
  --sp-ds-commercial: var(--eui-surface);
  --sp-ds-frame: var(--eui-raised);
  --sp-ds-raised: var(--eui-surface-high);
  --sp-ds-support: var(--eui-support);
  --sp-ds-editorial: var(--eui-editorial);
  --sp-ds-line: var(--eui-component-line);
  --sp-ds-line-soft: var(--eui-line-soft);
  --sp-ds-control: var(--eui-control);
  --sp-ds-heading: var(--eui-heading);
  --sp-ds-copy: var(--eui-text);
  --sp-ds-muted: var(--eui-muted);
  --sp-ds-action: var(--eui-accent);
  --sp-ds-action-hover: var(--eui-accent-hover);
  --sp-ds-action-ink: var(--eui-action-ink);
  --sp-ds-accent-text: var(--eui-accent);
  --sp-ds-action-soft: var(--eui-accent-soft);
  --sp-ds-action-line: var(--eui-accent-line);
  --sp-ds-odds: #ff765c;
  --sp-ds-focus: var(--eui-accent);
  --sp-ds-shadow: var(--eui-shadow);
  --sp-ds-radius: var(--eui-component-radius);
  --sp-ds-radius-sm: var(--eui-radius);
  --sp-ds-font-display: var(--eui-font-display);
}

body.sp-site-v2 :is(a, button, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--sp-ds-focus);
  outline-offset: 3px;
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2),
body.sp-site-v2 .sp-article:not(.sp-pron-v2) {
  --sp-text: var(--sp-ds-copy);
  --sp-heading: var(--sp-ds-heading);
  --sp-muted: var(--sp-ds-muted);
  --sp-border: var(--sp-ds-line-soft);
  --sp-border-strong: var(--sp-ds-line);
  --sp-accent-green: var(--sp-ds-action);
  --sp-accent: var(--sp-ds-action);
  --sp-surface: var(--sp-ds-editorial);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) :is(.sp-section, .sp-faq-item, .sp-author-box) {
  background: var(--sp-ds-editorial) !important;
  border-color: var(--sp-ds-line-soft);
  box-shadow: none;
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-tip-box {
  background: var(--sp-ds-support) !important;
  border-color: var(--sp-ds-line);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-cta-box {
  background: var(--sp-ds-commercial);
  border-color: var(--sp-ds-line);
  box-shadow: none;
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) :is(.sp-badge strong, .sp-tip-label, .sp-odds-highlight) {
  color: var(--sp-ds-accent-text);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-tip-label {
  background: var(--sp-ds-action-soft);
  border-color: var(--sp-ds-action-line);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-update {
  color: var(--sp-ds-muted);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-badge {
  background: var(--sp-ds-raised);
  border-color: var(--sp-ds-line);
  color: var(--sp-ds-copy);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-odds-table {
  background: var(--sp-ds-commercial) !important;
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-odds-table th {
  background: var(--sp-ds-support) !important;
  color: var(--sp-ds-muted);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-btn {
  background: var(--sp-ds-action);
  border-color: var(--sp-ds-action);
  color: var(--sp-ds-action-ink) !important;
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-btn:hover {
  background: var(--sp-ds-action-hover);
  border-color: var(--sp-ds-action-hover);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-btn-secondary {
  background: transparent;
  border-color: var(--sp-ds-control);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) .sp-disclaimer {
  background: var(--sp-ds-commercial);
  border-color: var(--sp-ds-line-soft);
}

body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) a:hover,
body.sp-site-v2 .entry-content .sp-article:not(.sp-pron-v2) a:focus {
  color: var(--sp-ds-heading);
}

body.sp-site-v2 .sp-bonus-grid--pronostici {
  --sp-surface: #1a1a1a;
  --sp-text: #cfcfcf;
  --sp-heading: #ffffff;
  --sp-accent-green: #00c853;
  --sp-accent: #00c853;
  --sp-border: rgba(255, 255, 255, 0.08);
}

body.sp-site-v2 .sp-ds-section {
  margin: 0 0 20px;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--sp-ds-line-soft);
  border-radius: var(--sp-ds-radius);
  background: var(--sp-ds-editorial);
  color: var(--sp-ds-copy);
}

body.sp-site-v2 .sp-ds-section--commercial {
  background: var(--sp-ds-commercial);
  border-color: var(--sp-ds-line);
}

body.sp-site-v2 .sp-ds-section--support {
  background: var(--sp-ds-support);
}

body.sp-site-v2 .sp-ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--sp-ds-control);
  border-radius: 999px;
  background: transparent;
  color: var(--sp-ds-heading) !important;
  font-weight: 800;
  text-decoration: none !important;
}

body.sp-site-v2 .sp-ds-btn--primary {
  border-color: var(--sp-ds-action);
  background: var(--sp-ds-action);
  color: var(--sp-ds-action-ink) !important;
}

body.sp-site-v2 .sp-ds-btn--primary:hover {
  background: var(--sp-ds-action-hover);
}

body.sp-site-v2 .sp-ds-divided > * + * {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--sp-ds-line-soft);
}

body.sp-site-v2 .sp-home-v4 {
  --bg: var(--sp-ds-page);
  --panel: var(--sp-ds-editorial);
  --panel-2: var(--sp-ds-support);
  --line: var(--sp-ds-line-soft);
  --line-strong: var(--sp-ds-line);
  --text: var(--sp-ds-copy);
  --heading: var(--sp-ds-heading);
  --muted: var(--sp-ds-muted);
  --green: var(--sp-ds-action);
  --green-soft: var(--sp-ds-action-soft);
}

body.sp-site-v2 .sp-review-hub-preview {
  --spr-bg: var(--sp-ds-page);
  --spr-surface: var(--sp-ds-editorial);
  --spr-surface-2: var(--sp-ds-support);
  --spr-border: var(--sp-ds-line);
  --spr-border-strong: var(--sp-ds-control);
  --spr-text: var(--sp-ds-copy);
  --spr-heading: var(--sp-ds-heading);
  --spr-muted: var(--sp-ds-muted);
  --spr-green: var(--sp-ds-action);
  --spr-purple-soft: var(--sp-ds-support);
  --spr-purple-border: var(--sp-ds-line);
  --spr-shadow: none;
}

body.sp-site-v2 .sp-guide-hub-preview {
  --sgh-bg: var(--sp-ds-page);
  --sgh-surface: var(--sp-ds-editorial);
  --sgh-surface-2: var(--sp-ds-support);
  --sgh-border: var(--sp-ds-line-soft);
  --sgh-border-strong: var(--sp-ds-line);
  --sgh-text: var(--sp-ds-copy);
  --sgh-heading: var(--sp-ds-heading);
  --sgh-muted: var(--sp-ds-muted);
  --sgh-green: var(--sp-ds-action);
  --sgh-shadow: none;
}

body.sp-site-v2 .sp-review:not(.sp-palette-v2) {
  --sp-review-bg: var(--sp-ds-page);
  --sp-review-surface: var(--sp-ds-editorial);
  --sp-review-surface-soft: var(--sp-ds-support);
  --sp-review-border: var(--sp-ds-line-soft);
  --sp-review-border-strong: var(--sp-ds-line);
  --sp-review-text: var(--sp-ds-copy);
  --sp-review-muted: var(--sp-ds-muted);
  --sp-review-muted-2: var(--sp-ds-muted);
  --sp-review-shadow: none;
}

body.sp-site-v2 :is(.sp-review:not(.sp-palette-v2), .sp-article:not(.sp-pron-v2)) .sp-review-btn--primary {
  background: var(--sp-ds-action) !important;
  border-color: var(--sp-ds-action) !important;
  color: var(--sp-ds-action-ink) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sp-site-v2 :is(.sp-review:not(.sp-palette-v2), .sp-article:not(.sp-pron-v2)) .sp-review-btn--primary:hover {
  background: var(--sp-ds-action-hover) !important;
}

body.sp-site-v2 :is(.sp-review:not(.sp-palette-v2), .sp-article:not(.sp-pron-v2)) .sp-review-btn--secondary {
  text-decoration: none !important;
}

body.sp-site-v2 :is(.sp-guide-v3, .sp-guide-v2) {
  --bg: var(--sp-ds-page);
  --s1: var(--sp-ds-commercial);
  --s2: var(--sp-ds-editorial);
  --s3: var(--sp-ds-support);
  --green: var(--sp-ds-action);
  --green2: var(--sp-ds-action-hover);
  --gd: var(--sp-ds-action-soft);
  --gb: var(--sp-ds-action-line);
  --t1: var(--sp-ds-copy);
  --t2: var(--sp-ds-muted);
  --t3: var(--sp-ds-muted);
  --t4: var(--sp-ds-line);
  --bdr: var(--sp-ds-line-soft);
  --bdr2: var(--sp-ds-line);
}

body.sp-site-v2 .sp-casino {
  --bg: var(--sp-ds-page);
  --surface: var(--sp-ds-editorial);
  --surface2: var(--sp-ds-support);
  --text: var(--sp-ds-copy);
  --muted: var(--sp-ds-muted);
  --line: var(--sp-ds-line-soft);
  --accent: var(--sp-ds-action);
}

body.sp-site-v2 .sp-aff-directory {
  --sp-aff-dir-bg: var(--sp-ds-page);
  --sp-aff-dir-panel: var(--sp-ds-commercial);
  --sp-aff-dir-border: var(--sp-ds-line);
  --sp-aff-dir-control: var(--sp-ds-control);
  --sp-aff-dir-text: var(--sp-ds-heading);
  --sp-aff-dir-muted: var(--sp-ds-muted);
  --sp-aff-dir-action: var(--sp-ds-action);
  --sp-aff-dir-action-text: var(--sp-ds-action-ink);
  --sp-aff-dir-focus: var(--sp-ds-focus);
}

body.sp-site-v2 .sp-aff-operator {
  --sp-aff-op-bg: var(--sp-ds-commercial);
  --sp-aff-op-border: var(--sp-ds-line);
  --sp-aff-op-text: var(--sp-ds-copy);
  --sp-aff-op-shadow: var(--sp-ds-shadow);
  --sp-aff-op-head-bg: var(--sp-ds-commercial);
  --sp-aff-op-head-text: var(--sp-ds-heading);
  --sp-aff-op-eyebrow: var(--sp-ds-accent-text);
  --sp-aff-op-section-bg: var(--sp-ds-support);
  --sp-aff-op-section-alt-bg: var(--sp-ds-raised);
  --sp-aff-op-heading: var(--sp-ds-heading);
  --sp-aff-op-heading-font: inherit;
  --sp-aff-op-card-bg: var(--sp-ds-commercial);
  --sp-aff-op-card-border: var(--sp-ds-line);
  --sp-aff-op-label: var(--sp-ds-muted);
  --sp-aff-op-muted: var(--sp-ds-muted);
  --sp-aff-op-cta-bg: var(--sp-ds-action);
  --sp-aff-op-cta-text: var(--sp-ds-action-ink);
  --sp-aff-op-cta-radius: 999px;
  --sp-aff-op-link: var(--sp-ds-heading);
}

body.sp-site-v2 .spoc {
  --surface: var(--sp-ds-editorial);
  --surface2: var(--sp-ds-support);
  --line: var(--sp-ds-line-soft);
  --text: var(--sp-ds-copy);
  --muted: var(--sp-ds-muted);
  --green: var(--sp-ds-action);
  --green-soft: var(--sp-ds-action-soft);
}

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

@media (max-width: 760px) {
  body.sp-site-v2.page-id-719 .sp-bonus-finder {
    width: 100%;
    max-width: 100%;
  }
}

body.sp-site-v2.page-id-1103 .sp-article .sp-review-score-brand {
  background: #ffffff;
  border-color: var(--sp-ds-line);
}
