/* ===== Trend (lista + card) ===== */
.sb-tip-trend { margin-top: 6px; font-size: 13px; opacity: .9; }
.sb-tip-trend .trend-label { opacity: .65; margin-right: 4px; }

.trend-up   { color: #1a7f37; font-variant-numeric: tabular-nums; }
.trend-down { color: #c62828; font-variant-numeric: tabular-nums; }
.trend-flat { color: rgba(0,0,0,.55); font-variant-numeric: tabular-nums; }

/* ===== Sparkline ===== */
.sb-spark{
  width: 120px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;
  opacity: .95;
}
.sb-spark svg{ width:100%; height:100%; display:block; }
.sb-spark .spark-line{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.85;
}
.sb-spark .spark-area{
  fill:currentColor;
  opacity:.10;
}
/* ===== FORCE trend colors (override pills / theme styles) ===== */

.sb-tip-row .trend-up,
.sb-tip-trend .trend-up,
.sb-card .trend-up {
  color: #1a7f37 !important;
}

.sb-tip-row .trend-down,
.sb-tip-trend .trend-down,
.sb-card .trend-down {
  color: #c62828 !important;
}

.sb-tip-row .trend-flat,
.sb-tip-trend .trend-flat,
.sb-card .trend-flat {
  color: rgba(0,0,0,.55) !important;
}
/* ===== HARD OVERRIDE pills forcing gray ===== */

/* override diretto su span interni alla pill */
.sb-pill .trend-up {
  color: #1a7f37 !important;
}

.sb-pill .trend-down {
  color: #c62828 !important;
}

.sb-pill .trend-flat {
  color: rgba(0,0,0,.55) !important;
}

/* fallback extra-sicuro */
.sb-pill span.trend-up,
.sb-pill span.trend-down,
.sb-pill span.trend-flat {
  all: unset;
  font-variant-numeric: tabular-nums;
}

.sb-pill span.trend-up  { color: #1a7f37 !important; }
.sb-pill span.trend-down{ color: #c62828 !important; }
.sb-pill span.trend-flat{ color: rgba(0,0,0,.55) !important; }
/* TipType (model) under title */
.sb-card-meta--model{
  font-size: 12px;
  opacity: .65;
  margin-top: 4px;
}
.sb-tip-sub{
  font-size: 12px;
  color: #777;
  margin-top: 2px;
  line-height: 1.2;
}

/* IMPORTANT: if league/country is inside a link, keep it small & grey */
.sb-tip-sub a{
  color: #777 !important;
  font-size: 12px;
  text-decoration: none !important;
}

.sb-tip-sub a:hover{
  text-decoration: underline;
}
/* The whole row is a link: remove link styling globally */
a.sb-tip-row,
a.sb-tip-row:visited,
a.sb-tip-row:hover,
a.sb-tip-row:active{
  text-decoration: none !important;
  color: inherit !important;
}

/* Re-underline only the match line on hover (nice UX) */
a.sb-tip-row:hover .sb-tip-match{
  text-decoration: underline;
}

/* League/Country line: small + grey, never underlined */
a.sb-tip-row .sb-tip-sub{
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 2px;
  line-height: 1.2;
  text-decoration: none !important;
}
/* ===== FINAL OVERRIDES FOR LIST ROW LINK ===== */

/* Remove link styling from the whole row (including visited) */
a.sb-tip-row,
a.sb-tip-row:visited,
a.sb-tip-row:hover,
a.sb-tip-row:active{
  text-decoration: none !important;
  color: inherit !important;
}

/* Keep underline only on match line on hover */
a.sb-tip-row:hover .sb-tip-match{
  text-decoration: underline;
}

/* League/Country line: always small and grey */
a.sb-tip-row .sb-tip-sub{
  display: block;
  font-size: 12px !important;
  color: #777 !important;
  margin-top: 2px;
  line-height: 1.2;
  text-decoration: none !important;
}
.sb-conf-link{
  text-decoration: none !important;
  color: inherit !important;
}
.sb-conf-link:hover .sb-conf-badge{
  text-decoration: none !important;
}
/* ===== Row structure after wrapper div + inner link ===== */
.sb-tip-row{
  display: block;
}

/* This is the clickable area (keeps the old layout) */
.sb-tip-row-link{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  text-decoration: none !important;
  color: inherit !important;
}

/* Ensure main/side keep their widths */
.sb-tip-main{ flex: 1 1 auto; min-width: 0; }
.sb-tip-side{ flex: 0 0 auto; text-align: right; }

/* Match underline on hover */
.sb-tip-row-link:hover .sb-tip-match{
  text-decoration: underline;
}

/* Badge link shouldn't look like a default link */
.sb-conf-link{
  text-decoration: none !important;
  color: inherit !important;
}
/* ===== FIX layout list row: keep left + right on same line ===== */
.sb-tip-row-link{
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  text-decoration: none !important;
  color: inherit !important;
}

.sb-tip-main{
  flex: 1 1 auto;
  min-width: 0;
}

.sb-tip-side{
  flex: 0 0 220px;      /* regola la larghezza colonna destra */
  text-align: right;
  margin-left: auto;
}

/* evita che pill/badge facciano andare a capo tutto */
.sb-tip-side > *{
  display: block;
  margin-left: auto;
}
/* Keep right column inside the card */
.sb-tip-row-link{
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

/* VERY IMPORTANT: allow left column to shrink */
.sb-tip-main{
  flex: 1 1 auto;
  min-width: 0;          /* this prevents pushing the right column out */
}

/* Right column never shrinks and stays inside */
.sb-tip-side{
  flex: 0 0 220px;       /* pick a width you like */
  max-width: 220px;
  text-align: right;
}

/* Prevent text in the right column from overflowing */
.sb-tip-side *{
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* Prevent long match names from breaking the layout */
.sb-tip-match{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sb-tip-row { display: block; }
.sb-tip-row-link{
  display:flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.sb-tip-main{ flex: 1 1 auto; min-width: 0; }
.sb-tip-side{ flex: 0 0 220px; max-width:220px; text-align:right; }

.sb-tip-main-link{
  display:block;
  text-decoration:none !important;
  color:inherit !important;
}
.sb-tip-main-link:hover .sb-tip-match{ text-decoration: underline; }
/* ===== BIG sparkline on single pronostico ===== */
.sb-spark-big{
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}

.sb-spark-big-title{
  font-weight: 800;
  font-size: 14px;
  opacity: .8;
  margin-bottom: 10px;
}

/* se sb_svg_sparkline restituisce un <svg> */
.sb-spark-big svg{
  width: 100% !important;
  height: 120px !important;
  display: block;
}
/* ===== BIG sparkline on single pronostico ===== */
.sb-spark-big{
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}

.sb-spark-big-title{
  font-weight: 800;
  font-size: 14px;
  opacity: .8;
  margin-bottom: 10px;
}

/* la funzione wrappa svg dentro <span class="sb-spark"> */
.sb-spark-big .sb-spark{
  display:block;
}

.sb-spark-big .sb-spark svg{
  width: 100% !important;
  height: 140px !important;
  display:block;
}

/* rendiamo più leggibile linea e area */
.sb-spark-big .spark-line{
  stroke-width: 3px;
}

.sb-spark-big .spark-area{
  opacity: .22;
}
/* ===== BIG sparkline on single pronostico ===== */
.sb-spark-big{
  margin: 14px 0 18px;
  padding: 16px 18px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.035);
}

/* titolo */
.sb-spark-big-title{
  font-weight: 700;
  font-size: 14px;
  opacity: .75;
  margin-bottom: 8px;
}

/* wrapper svg */
.sb-spark-big .sb-spark{
  display: block;
}

/* SVG */
.sb-spark-big .sb-spark svg{
  width: 100% !important;
  height: 120px !important;   /* 👈 meglio di 140 */
  display: block;
}

/* linea */
.sb-spark-big .spark-line{
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* area */
.sb-spark-big .spark-area{
  opacity: .18;
}
/* ===== FORCE BIG sparkline on single pronostico (LAST RULES) ===== */
.sb-spark-big .sb-spark,
.sb-spark-big .sb-spark svg{
  display:block !important;
  width:100% !important;
}

.sb-spark-big .sb-spark svg{
  height:140px !important;
  max-height:140px !important;
}

.sb-spark-big .spark-line{
  stroke-width:3px !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sb-spark-big .spark-area{
  opacity:.18 !important;
}
/* ===== FIX: sparkline big must stay inside its box ===== */
.sb-spark-big{
  position: relative;
  overflow: hidden;           /* IMPORTANTISSIMO */
  margin: 14px 0 18px;
  padding: 16px 18px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.035);
}

.sb-spark-big .sb-spark{
  display:block !important;
}

.sb-spark-big .sb-spark svg{
  display:block !important;
  width:100% !important;
  height:140px !important;
}

/* mettiamo la grid sopra, così l’svg non “passa” sotto il testo */
.sb-card-grid{
  position: relative;
  z-index: 2;
}

/* anche il box sparkline resta al suo livello */
.sb-spark-big{
  z-index: 1;
}
/* ===== Spacing sparkline big ===== */

/* più aria sopra la sparkline */
.sb-spark-big{
  margin-top: 24px;      /* ← AUMENTA QUI (prova 24–32px) */
}

/* separiamo meglio header e sparkline */
.sb-card-header{
  margin-bottom: 6px;
}
/* ===== BIG sparkline: prevent clipping ===== */
.sb-spark-big{
  position: relative;
  overflow: hidden;
  margin: 24px 0 18px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(0,0,0,.035);
}

/* IMPORTANT: il wrapper deve avere altezza propria */
.sb-spark-big .sb-spark{
  display: block !important;
  width: 100% !important;
  height: 140px !important;   /* <<< ALTEZZA GARANTITA */
  line-height: 0 !important;  /* evita spazi strani */
}

/* SVG deve riempire il wrapper */
.sb-spark-big .sb-spark svg{
  display: block !important;
  width: 100% !important;
  height: 100% !important;    /* <<< prende i 140px del wrapper */
}

/* linea e area */
.sb-spark-big .spark-line{
  stroke-width: 3px !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sb-spark-big .spark-area{
  opacity: .18 !important;
}
.sb-spark .spark-dot{
  fill: rgba(0,0,0,.55);
}

/* Better layout for band archive pages */
.sb-band-page {
  background: #faf8ff;
  padding: 34px 18px 60px;
}

.sb-band-wrap {
  max-width: 1160px;
  margin: 0 auto;
}

.sb-band-title {
  margin: 0 0 24px;
  padding: 22px 26px;
  background: #fff;
  border-radius: 18px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.05;
  color: #1d2636;
  box-shadow: 0 10px 28px rgba(20, 30, 50, .06);
}

.sb-band-page .sb-tip-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sb-band-page .sb-tip-row {
  max-width: none;
}

@media (max-width: 760px) {
  .sb-band-page {
    padding: 22px 10px 44px;
  }

  .sb-band-title {
    font-size: 34px;
    padding: 18px;
  }
}

/* Better layout for band archive pages */
.sb-band-page {
  background: #faf8ff;
  padding: 34px 18px 60px;
}

.sb-band-wrap {
  max-width: 1160px;
  margin: 0 auto;
}

.sb-band-title {
  margin: 0 0 24px;
  padding: 22px 26px;
  background: #fff;
  border-radius: 18px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.05;
  color: #1d2636;
  box-shadow: 0 10px 28px rgba(20, 30, 50, .06);
}

.sb-band-page .sb-tip-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sb-band-page .sb-tip-row {
  max-width: none;
}

@media (max-width: 760px) {
  .sb-band-page {
    padding: 22px 10px 44px;
  }

  .sb-band-title {
    font-size: 34px;
    padding: 18px;
  }
}

/* Better layout for band archive pages */
.sb-band-page {
  background: #faf8ff;
  padding: 34px 18px 60px;
}

.sb-band-wrap {
  max-width: 1160px;
  margin: 0 auto;
}

.sb-band-title {
  margin: 0 0 24px;
  padding: 22px 26px;
  background: #fff;
  border-radius: 18px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.05;
  color: #1d2636;
  box-shadow: 0 10px 28px rgba(20, 30, 50, .06);
}

.sb-band-page .sb-tip-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sb-band-page .sb-tip-row {
  max-width: none;
}

@media (max-width: 760px) {
  .sb-band-page {
    padding: 22px 10px 44px;
  }

  .sb-band-title {
    font-size: 34px;
    padding: 18px;
  }
}

/* Band archive title refinement */
.sb-band-title {
  font-size: clamp(30px, 3.2vw, 52px) !important;
  padding: 22px 28px !important;
  margin-bottom: 26px !important;
  max-width: 980px;
}

@media (max-width: 760px) {
  .sb-band-title {
    font-size: 30px !important;
    padding: 18px 20px !important;
  }
}

.sb-chart-line {
  fill: none !important;
  stroke: #2563eb !important;
  stroke-width: 4 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sb-chart-axis {
  stroke: #d1d5db;
  stroke-width: 2;
}

.sb-band-chart {
  width: 100%;
  height: 230px;
  display: block;
}

/* =========================================================
   StochasticTips - Desktop Compact View v1
   Goal: more tips visible above the fold, without changing mobile
========================================================= */

@media (min-width: 900px) {

  .sb-tip-list {
    display: grid;
    gap: 10px;
  }

  .sb-tip-row {
    border-radius: 16px;
    margin: 0;
    overflow: hidden;
  }

  .sb-tip-row-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: center;
    min-height: 82px;
    padding: 14px 18px;
    gap: 18px;
  }

  .sb-tip-main-link {
    min-width: 0;
  }

  .sb-tip-main {
    min-width: 0;
  }

  .sb-tip-match {
    font-size: 19px;
    line-height: 1.22;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sb-tip-sub {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 3px;
  }

  .sb-tip-trend {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
  }

  .sb-tip-side {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end;
    align-items: center;
    gap: 4px;
    min-width: 0;
  }

  .sb-conf-badge {
    min-width: 116px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.1;
    text-align: center;
  }

  .sb-tip-meta {
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .sb-spark {
    width: 112px;
    height: 22px;
    margin-top: 1px;
  }

  .sb-tip-kickoff {
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .sb-pill,
  .sb-pill--default,
  .sb-pill--soon,
  .sb-pill--urgent,
  .sb-pill--live,
  .sb-pill--muted {
    font-size: 11px;
    line-height: 1.1;
    padding: 4px 8px;
    border-radius: 999px;
    white-space: nowrap;
  }

  .sb-tip-updated {
    display: none;
  }

  h1, .entry-title {
    margin-bottom: 18px;
  }
}

/* Even denser on wide desktop */
@media (min-width: 1200px) {
  .sb-tip-row-link {
    grid-template-columns: minmax(0, 1fr) 300px;
    min-height: 76px;
    padding: 12px 18px;
  }

  .sb-tip-match {
    font-size: 18px;
  }
}

/* Mobile: keep comfortable card feeling */
@media (max-width: 899px) {
  .sb-tip-row-link {
    min-height: auto;
  }
}


/* =========================================================
   StochasticTips - Desktop Compact View v2 FORCE
========================================================= */

@media (min-width: 900px) {

  .sb-tip-list {
    gap: 8px !important;
  }

  .sb-tip-row {
    margin: 0 0 8px 0 !important;
    border-radius: 14px !important;
  }

  .sb-tip-row-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 18px !important;
    gap: 16px !important;
  }

  .sb-tip-main {
    padding: 0 !important;
    margin: 0 !important;
  }

  .sb-tip-match {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sb-tip-sub {
    font-size: 13px !important;
    line-height: 1.15 !important;
    margin: 3px 0 0 0 !important;
  }

  .sb-tip-trend {
    margin-top: 6px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .sb-tip-side {
    padding: 0 !important;
    margin: 0 !important;
    gap: 4px !important;
    align-self: center !important;
  }

  .sb-conf-badge {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    min-height: 0 !important;
  }

  .sb-tip-meta {
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  .sb-spark {
    width: 105px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .sb-tip-kickoff {
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  .sb-pill,
  .sb-pill--default,
  .sb-pill--soon,
  .sb-pill--urgent,
  .sb-pill--live,
  .sb-pill--muted {
    font-size: 11px !important;
    padding: 4px 8px !important;
    line-height: 1 !important;
    margin-top: 2px !important;
  }

  .sb-tip-updated {
    display: none !important;
  }

  .sb-home-tabs,
  .sb-tabs,
  .sb-home-tabs-wrap {
    margin-bottom: 26px !important;
  }

  h1,
  .entry-title,
  .wp-block-heading {
    font-size: 38px !important;
    line-height: 1.1 !important;
    margin-top: 24px !important;
    margin-bottom: 18px !important;
  }
}

@media (min-width: 1200px) {
  .sb-tip-row-link {
    padding: 12px 18px !important;
  }

  .sb-tip-match {
    font-size: 17px !important;
  }
}


/* =========================================================
   StochasticTips - True Compact Table Rows v1
========================================================= */

@media (min-width: 900px) {

  .sb-tip-row--compact {
    margin: 0 0 8px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .sb-tip-compact-link {
    display: grid !important;
    grid-template-columns:
      minmax(280px, 1.8fr)
      58px
      68px
      88px
      86px
      122px
      112px
      104px
      150px;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 16px !important;
    min-height: 62px !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  .sb-tip-c-main {
    min-width: 0 !important;
  }

  .sb-tip-c-match {
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sb-tip-c-sub {
    margin-top: 3px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    opacity: .78 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sb-tip-c-k {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    opacity: .55 !important;
    margin-bottom: 3px !important;
  }

  .sb-tip-c-v {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .sb-tip-c-n {
    display: block !important;
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    opacity: .6 !important;
    white-space: nowrap !important;
  }

  .sb-tip-c-conf .sb-conf-badge {
    min-width: 0 !important;
    width: 100% !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .sb-tip-c-trend {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    opacity: .75 !important;
    white-space: nowrap !important;
  }

  .sb-tip-c-spark .sb-spark {
    width: 95px !important;
    height: 18px !important;
  }

  .sb-tip-c-time {
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    opacity: .78 !important;
    white-space: nowrap !important;
  }

  .sb-tip-c-time .sb-pill,
  .sb-tip-c-time .sb-pill--default,
  .sb-tip-c-time .sb-pill--soon,
  .sb-tip-c-time .sb-pill--urgent,
  .sb-tip-c-time .sb-pill--live,
  .sb-tip-c-time .sb-pill--muted {
    display: inline-block !important;
    margin-top: 5px !important;
    padding: 4px 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}

/* Tablet: hide less important columns */
@media (min-width: 900px) and (max-width: 1199px) {
  .sb-tip-compact-link {
    grid-template-columns:
      minmax(240px, 1.7fr)
      52px
      62px
      80px
      116px
      104px
      130px;
  }

  .sb-tip-c-roi4,
  .sb-tip-c-spark {
    display: none !important;
  }
}

/* Mobile: keep card layout readable */
@media (max-width: 899px) {
  .sb-tip-compact-link {
    display: block !important;
    padding: 18px !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  .sb-tip-c-match {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  .sb-tip-c-sub {
    margin-top: 4px !important;
    font-size: 13px !important;
    opacity: .75 !important;
  }

  .sb-tip-c-pick,
  .sb-tip-c-odd,
  .sb-tip-c-roi,
  .sb-tip-c-roi4,
  .sb-tip-c-conf,
  .sb-tip-c-trend,
  .sb-tip-c-spark,
  .sb-tip-c-time {
    margin-top: 10px !important;
  }
}

/* =====================================================
   COMPACT ROWS
===================================================== */

@media (min-width: 900px) {

  .sb-tip-row-compact {
    margin-bottom: 8px;
    border-radius: 14px;
    overflow: hidden;
  }

  .sb-tip-row-compact-link {
    display: grid;
    grid-template-columns:
      minmax(260px, 1.8fr)
      55px
      65px
      85px
      75px
      110px
      90px
      120px;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: inherit;
  }

  .sb-trc-main {
    min-width: 0;
  }

  .sb-trc-match {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sb-trc-sub {
    margin-top: 3px;
    font-size: 12px;
    opacity: .75;
  }

  .sb-trc-k {
    font-size: 10px;
    text-transform: uppercase;
    opacity: .55;
    margin-bottom: 3px;
  }

  .sb-trc-v {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }

  .sb-trc-n {
    margin-top: 2px;
    font-size: 10px;
    opacity: .55;
  }

  .sb-trc-conf {
    padding: 5px 8px;
    border-radius: 999px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
  }

  .sb-trc-trend {
    font-size: 11px;
    line-height: 1.15;
    opacity: .75;
  }

  .sb-trc-time {
    text-align: right;
    font-size: 11px;
    opacity: .75;
    white-space: nowrap;
  }

  .sb-trc-spark .sb-spark {
    width: 90px;
    height: 18px;
  }
}

@media (max-width: 899px) {

  .sb-tip-row-compact-link {
    display: block;
    padding: 18px;
  }

  .sb-trc-col,
  .sb-trc-spark,
  .sb-trc-time {
    margin-top: 10px;
  }
}

/* =====================================================
   COMPACT PRO ROWS - V2 + V4 + CONF V2/V4
===================================================== */

@media (min-width: 900px) {

  .sb-tip-list {
    display: grid !important;
    gap: 8px !important;
  }

  .sb-tip-row-compact--pro {
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .sb-tip-row-compact--pro .sb-tip-row-compact-link {
    display: grid !important;
    grid-template-columns:
      minmax(320px, 1.9fr)
      62px
      72px
      105px
      92px
      130px
      130px
      100px
      120px !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 18px 22px !important;
    min-height: 86px !important;
    text-decoration: none !important;
    color: #14213d !important;
  }

  .sb-trc-main {
    min-width: 0 !important;
  }

  .sb-trc-match {
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #13213a !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sb-trc-sub {
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    color: #6f7f99 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sb-trc-date {
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #75839a !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  .sb-trc-k {
    font-size: 10px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .055em !important;
    color: #8a97ad !important;
    font-weight: 800 !important;
    margin-bottom: 9px !important;
  }

  .sb-trc-v {
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #14213d !important;
    white-space: nowrap !important;
  }

  .sb-trc-roi {
    color: #1457ff !important;
  }

  .sb-trc-n {
    margin-top: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #7a879d !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  .sb-trc-conf {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    height: 30px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: nowrap !important;
    background: #f2f4f7 !important;
    color: #526079 !important;
  }

  .sb-trc-conf-v4 {
    background: #f0ddff !important;
    color: #7b2fc9 !important;
  }

  .sb-trc-conf.sb-conf--high {
    background: #e8efff !important;
    color: #1557d8 !important;
  }

  .sb-trc-conf.sb-conf--medium {
    background: #f0ddff !important;
    color: #7b2fc9 !important;
  }

  .sb-trc-conf.sb-conf--low {
    background: #edf2ff !important;
    color: #2456c7 !important;
  }

  .sb-trc-conf.sb-conf--elite {
    background: #dff8ee !important;
    color: #04764e !important;
  }

  .sb-trc-conf.sb-conf--none,
  .sb-trc-conf.sb-conf--unknown,
  .sb-trc-conf.sb-conf--- {
    background: #f1f2f4 !important;
    color: #59657a !important;
  }

  .sb-trc-trend {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #526079 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .sb-trc-spark .sb-spark {
    width: 105px !important;
    height: 24px !important;
  }

  .sb-trc-spark svg {
    overflow: visible !important;
  }

  .sb-tip-row-compact--pro:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .075) !important;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .sb-tip-row-compact--pro .sb-tip-row-compact-link {
    grid-template-columns:
      minmax(260px, 1.8fr)
      54px
      64px
      90px
      80px
      112px
      112px !important;
  }

  .sb-trc-trend,
  .sb-trc-spark {
    display: none !important;
  }
}

@media (max-width: 899px) {
  .sb-tip-row-compact--pro {
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
    margin-bottom: 12px !important;
  }

  .sb-tip-row-compact--pro .sb-tip-row-compact-link {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px !important;
    padding: 16px !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  .sb-trc-main {
    grid-column: 1 / -1;
  }

  .sb-trc-match {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  .sb-trc-sub,
  .sb-trc-date {
    margin-top: 5px !important;
    font-size: 12px !important;
    color: #75839a !important;
  }

  .sb-trc-spark {
    grid-column: 1 / -1;
  }
}

.sb-trc-conf-link {
  text-decoration: none !important;
  position: relative;
  z-index: 5;
}

.sb-trc-conf-link:hover .sb-trc-conf {
  transform: translateY(-1px);
  filter: brightness(0.98);
}

/* FIX compact pro layout: keep all columns on one row */
@media (min-width: 900px) {
  .sb-tip-row-compact--pro .sb-tip-row-compact-link {
    grid-template-columns:
      minmax(300px, 1.7fr)
      54px
      64px
      90px
      82px
      105px
      105px
      82px
      100px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;
  }

  .sb-tip-row-compact--pro .sb-trc-col,
  .sb-tip-row-compact--pro .sb-trc-main,
  .sb-tip-row-compact--pro .sb-trc-trend,
  .sb-tip-row-compact--pro .sb-trc-spark {
    grid-row: 1 !important;
    align-self: center !important;
  }

  .sb-tip-row-compact--pro {
    min-height: 0 !important;
  }

  .sb-tip-row-compact--pro .sb-tip-row-compact-link {
    min-height: 82px !important;
  }

  .sb-trc-conf {
    min-width: 84px !important;
    height: 28px !important;
    padding: 0 10px !important;
  }

  .sb-trc-spark .sb-spark {
    width: 92px !important;
  }
}


/* Fix clickable compact row without nested anchors */
.sb-tip-row-compact-link {
  cursor: pointer;
}

.sb-trc-conf-link {
  text-decoration: none !important;
  position: relative !important;
  z-index: 20 !important;
}

.sb-trc-conf-link * {
  pointer-events: auto !important;
}


/* Band pages: same width/alignment as main tips list */
.sb-band-page {
  width: 100%;
}

.sb-band-wrap {
  width: min(100%, 1760px) !important;
  max-width: 1760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.sb-band-title {
  margin-top: 48px !important;
  margin-bottom: 28px !important;
}

@media (max-width: 899px) {
  .sb-band-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* =====================================================
   Band performance chart - refined compact dashboard
===================================================== */

.sb-band-perf {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
  padding: 22px 24px 18px !important;
  margin: 0 0 22px 0 !important;
}

.sb-band-perf-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin-bottom: 14px !important;
}

.sb-band-perf-title {
  font-size: 18px !important;
  font-weight: 850 !important;
  color: #13213a !important;
  line-height: 1.1 !important;
}

.sb-band-perf-sub {
  margin-top: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #7a879d !important;
}

.sb-band-perf-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: 620px !important;
}

.sb-band-perf-stats span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: #f4f7fb !important;
  color: #24324a !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.sb-band-chart {
  width: 100% !important;
  height: 150px !important;
  display: block !important;
  margin-top: 6px !important;
}

.sb-chart-axis {
  stroke: rgba(15, 23, 42, .13) !important;
  stroke-width: 1 !important;
}

.sb-chart-line {
  fill: none !important;
  stroke: #1457ff !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 5px 8px rgba(20, 87, 255, .18)) !important;
}

@media (max-width: 899px) {
  .sb-band-perf {
    padding: 18px !important;
  }

  .sb-band-perf-head {
    display: block !important;
  }

  .sb-band-perf-stats {
    justify-content: flex-start !important;
    margin-top: 14px !important;
  }

  .sb-band-chart {
    height: 120px !important;
  }
}


/* Band pages: align tips list width with chart */
.sb-band-wrap .sb-tip-list {
  width: 100% !important;
  max-width: none !important;
}

.sb-band-wrap .sb-tip-row-compact,
.sb-band-wrap .sb-tip-row-compact--pro {
  width: 100% !important;
  max-width: none !important;
}

.sb-band-wrap .sb-tip-row-compact--pro .sb-tip-row-compact-link {
  width: 100% !important;
}


/* =====================================================
   Home performance block - compact refined dashboard
===================================================== */

@media (min-width: 900px) {

  .sb-home-performance,
  .sb-performance,
  .sb-combo-performance {
    margin-bottom: 44px !important;
  }

  .sb-performance-card,
  .sb-home-performance-card,
  .sb-combo-card {
    padding: 24px 28px !important;
    border-radius: 20px !important;
  }

  .sb-performance-card h2,
  .sb-home-performance-card h2,
  .sb-combo-card h2 {
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin-bottom: 6px !important;
  }

  .sb-performance-card p,
  .sb-home-performance-card p,
  .sb-combo-card p {
    font-size: 15px !important;
    margin-bottom: 18px !important;
  }

  .sb-metrics,
  .sb-performance-metrics,
  .sb-combo-metrics {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .sb-metric,
  .sb-performance-metric,
  .sb-combo-metric {
    min-height: 72px !important;
    padding: 14px 18px !important;
    border-radius: 16px !important;
  }

  .sb-metric-label,
  .sb-performance-metric-label,
  .sb-combo-metric-label {
    font-size: 11px !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
  }

  .sb-metric-value,
  .sb-performance-metric-value,
  .sb-combo-metric-value {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .sb-performance-chart,
  .sb-combo-chart,
  .sb-home-chart {
    height: 190px !important;
    min-height: 190px !important;
    padding: 14px 18px !important;
    border-radius: 18px !important;
  }

  .sb-performance-chart svg,
  .sb-combo-chart svg,
  .sb-home-chart svg {
    height: 145px !important;
    max-height: 145px !important;
  }
}


/* =====================================================
   Compact top areas: home + band pages
===================================================== */

/* Hide home tagline block/text */
.sb-header-tagline,
.sb-front-tagline,
.sb-site-tagline,
.sb-home-tagline {
  display: none !important;
}

/* Fallback: reduce generic tagline area if rendered without class */
body.home main > p:first-child,
body.home .entry-content > p:first-child {
  display: none !important;
}

@media (min-width: 900px) {

  /* Home performance: less vertical weight */
  .sb-front-performance,
  .sb-performance-front,
  .sb-combo-front,
  .sb-performance-wrap,
  .sb-combo-wrap {
    margin-top: 22px !important;
    margin-bottom: 34px !important;
  }

  .sb-performance-card,
  .sb-home-performance-card,
  .sb-combo-card,
  .sb-front-card {
    padding: 18px 22px !important;
    border-radius: 18px !important;
  }

  .sb-performance-card h2,
  .sb-home-performance-card h2,
  .sb-combo-card h2,
  .sb-front-card h2 {
    font-size: 26px !important;
    line-height: 1.08 !important;
    margin: 0 0 4px 0 !important;
  }

  .sb-performance-card p,
  .sb-home-performance-card p,
  .sb-combo-card p,
  .sb-front-card p {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 0 14px 0 !important;
  }

  /* KPI cards */
  .sb-metrics,
  .sb-performance-metrics,
  .sb-combo-metrics,
  .sb-front-metrics {
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .sb-metric,
  .sb-performance-metric,
  .sb-combo-metric,
  .sb-front-metric {
    min-height: 58px !important;
    padding: 11px 14px !important;
    border-radius: 14px !important;
  }

  .sb-metric-label,
  .sb-performance-metric-label,
  .sb-combo-metric-label,
  .sb-front-metric-label {
    font-size: 10px !important;
    margin-bottom: 6px !important;
  }

  .sb-metric-value,
  .sb-performance-metric-value,
  .sb-combo-metric-value,
  .sb-front-metric-value {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /* Inline-style fallback for the home performance block */
  .entry-content div[style*="Cumulative profit"],
  .entry-content svg {
    max-height: 145px !important;
  }

  /* Band pages: remove hero feeling */
  .sb-band-wrap {
    padding-top: 18px !important;
  }

  .sb-band-title {
    font-size: 30px !important;
    line-height: 1.08 !important;
    margin-top: 20px !important;
    margin-bottom: 18px !important;
    padding: 22px 28px !important;
    border-radius: 18px !important;
  }

  .sb-band-perf {
    padding: 18px 22px 14px !important;
    margin-bottom: 16px !important;
    border-radius: 16px !important;
  }

  .sb-band-perf-title {
    font-size: 17px !important;
  }

  .sb-band-perf-sub {
    font-size: 12px !important;
    margin-top: 4px !important;
  }

  .sb-band-perf-head {
    margin-bottom: 8px !important;
  }

  .sb-band-chart {
    height: 120px !important;
    margin-top: 2px !important;
  }
}

@media (max-width: 899px) {
  .sb-band-title {
    font-size: 26px !important;
    padding: 18px !important;
    margin-top: 16px !important;
    margin-bottom: 14px !important;
  }

  .sb-band-chart {
    height: 110px !important;
  }
}


/* =====================================================
   Home combo chart: graph left, stats right
===================================================== */

.sb-combo-chart-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.sb-combo-chart-panel {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 12px 14px 6px 14px !important;
  min-width: 0 !important;
}

.sb-combo-side-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.sb-combo-side-stat {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

.sb-combo-side-stat span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1 !important;
  color: #7a879d !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}

.sb-combo-side-stat strong {
  display: block !important;
  font-size: 21px !important;
  line-height: 1 !important;
  color: #24324a;
}

@media (max-width: 899px) {
  .sb-combo-chart-layout {
    grid-template-columns: 1fr !important;
  }

  .sb-combo-side-stats {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* Home combo chart: give more width to the graph */
@media (min-width: 900px) {
  .sb-combo-chart-layout {
    grid-template-columns: minmax(0, 1fr) 145px !important;
  }

  .sb-combo-side-stat {
    padding: 9px 10px !important;
  }

  .sb-combo-side-stat strong {
    font-size: 18px !important;
  }
}


/* FIX home combo chart width */
.sb-combo-chart-layout {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 155px !important;
  gap: 14px !important;
}

.sb-combo-chart-panel {
  width: 100% !important;
  min-width: 0 !important;
}

.sb-combo-chart-panel svg {
  width: 100% !important;
  height: 145px !important;
  max-height: 145px !important;
}


/* FIX band chart layout: graph left, stats right */
.sb-band-chart-layout {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 155px !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.sb-band-chart-panel {
  width: 100% !important;
  min-width: 0 !important;
}

.sb-band-chart-panel svg,
.sb-band-chart {
  width: 100% !important;
  height: 120px !important;
  max-height: 120px !important;
}

.sb-band-side-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.sb-band-side-stat {
  background: #f6f8fb !important;
  border: 1px solid rgba(15, 23, 42, .06) !important;
  border-radius: 14px !important;
  padding: 9px 10px !important;
}

.sb-band-side-stat span {
  display: block !important;
  font-size: 10px !important;
  color: #7a879d !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}

.sb-band-side-stat strong {
  display: block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #24324a !important;
  font-weight: 850 !important;
}


/* FINAL override: home graph wide, stats compact */
@media (min-width: 900px) {
  .sb-combo-cover .sb-combo-chart-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .sb-combo-cover .sb-combo-chart-panel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .sb-combo-cover .sb-combo-chart-panel svg {
    width: 100% !important;
    height: 145px !important;
    max-height: 145px !important;
  }

  .sb-combo-cover .sb-combo-side-stats {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .sb-combo-cover .sb-combo-side-stat {
    padding: 7px 8px !important;
  }

  .sb-combo-cover .sb-combo-side-stat strong {
    font-size: 16px !important;
  }
}


/* FINAL FIX: make home combo block as wide as tips dashboard */
@media (min-width: 900px) {
  body.home .sb-combo-cover,
  .home .sb-combo-cover {
    width: min(1760px, calc(100vw - 72px)) !important;
    max-width: 1760px !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  body.home .sb-combo-chart-layout,
  .home .sb-combo-chart-layout {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 145px !important;
  }

  body.home .sb-combo-chart-panel,
  .home .sb-combo-chart-panel {
    width: 100% !important;
    max-width: none !important;
  }

  body.home .sb-combo-chart-panel svg,
  .home .sb-combo-chart-panel svg {
    width: 100% !important;
    height: 145px !important;
  }
}


/* FINAL band chart: graph left, stats right */
@media (min-width: 900px) {
  .sb-band-perf .sb-band-chart-layout {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 145px !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .sb-band-perf .sb-band-chart-panel {
    width: 100% !important;
    min-width: 0 !important;
  }

  .sb-band-perf .sb-band-chart {
    width: 100% !important;
    height: 120px !important;
    max-height: 120px !important;
  }

  .sb-band-perf .sb-band-side-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .sb-band-perf .sb-band-side-stat {
    background: #f6f8fb !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 14px !important;
    padding: 8px 9px !important;
  }

  .sb-band-perf .sb-band-side-stat span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #7a879d !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
  }

  .sb-band-perf .sb-band-side-stat strong {
    display: block !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #24324a !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 899px) {
  .sb-band-perf .sb-band-chart-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .sb-band-perf .sb-band-side-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
}


/* =====================================================
   Professional chart polish: home + band
===================================================== */

/* Chart cards */
.sb-combo-chart-panel,
.sb-band-chart-panel {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* Soft chart grid background */
.sb-combo-chart-panel::before,
.sb-band-chart-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 42px 14px 12px 14px !important;
  pointer-events: none !important;
  background:
    linear-gradient(to bottom, rgba(15,23,42,.055) 1px, transparent 1px);
  background-size: 100% 34px !important;
  opacity: .75 !important;
}

/* Keep svg above grid */
.sb-combo-chart-panel svg,
.sb-band-chart-panel svg {
  position: relative !important;
  z-index: 2 !important;
}

/* Line style */
.sb-combo-chart-panel polyline,
.sb-band-chart-panel .sb-chart-line {
  fill: none !important;
  stroke: #1557ff !important;
  stroke-width: 3.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 7px 9px rgba(21,87,255,.22)) !important;
}

/* Axis softer */
.sb-combo-chart-panel line,
.sb-band-chart-panel .sb-chart-axis {
  stroke: rgba(15,23,42,.16) !important;
  stroke-width: 1 !important;
}

/* Side stats more dashboard-like */
.sb-combo-side-stat,
.sb-band-side-stat {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 4px 12px rgba(15,23,42,.035) !important;
}

/* Improve chart title */
.sb-combo-chart-panel > div:first-child,
.sb-band-perf-title {
  color: #13213a !important;
  letter-spacing: -.01em !important;
}


/* =====================================================
   Advanced chart styling
===================================================== */

/* SVG outer frame */
.sb-combo-chart-panel svg,
.sb-band-chart-panel svg {
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

/* Horizontal grid */
.sb-combo-chart-panel svg,
.sb-band-chart-panel svg {
  background-image:
    linear-gradient(to bottom,
      rgba(15,23,42,.05) 1px,
      transparent 1px);
  background-size: 100% 32px !important;
}

/* Vertical grid */
.sb-combo-chart-panel svg,
.sb-band-chart-panel svg {
  background-image:
    linear-gradient(to right,
      rgba(15,23,42,.04) 1px,
      transparent 1px),
    linear-gradient(to bottom,
      rgba(15,23,42,.05) 1px,
      transparent 1px);

  background-size:
    48px 100%,
    100% 32px !important;
}

/* Stronger chart line */
.sb-chart-line,
.sb-combo-chart-panel polyline {
  stroke-width: 3.5 !important;
}

/* Glow */
.sb-chart-line,
.sb-combo-chart-panel polyline {
  filter:
    drop-shadow(0 0 2px rgba(21,87,255,.25))
    drop-shadow(0 5px 8px rgba(21,87,255,.18)) !important;
}

/* Cleaner axis */
.sb-chart-axis {
  stroke: rgba(15,23,42,.22) !important;
}

/* Tiny hover effect on cards */
.sb-combo-chart-panel:hover,
.sb-band-chart-panel:hover {
  transform: translateY(-1px);
  transition: all .18s ease;
  box-shadow:
    0 10px 24px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* =====================================================
   PRO chart SVG style
===================================================== */

.sb-pro-chart-svg {
  width: 100% !important;
  height: 220px !important;
  display: block !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.sb-pro-grid {
  stroke: rgba(15,23,42,.10) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 5 !important;
}

.sb-pro-grid-v {
  stroke: rgba(15,23,42,.075) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 6 !important;
}

.sb-pro-zero {
  stroke: rgba(15,23,42,.38) !important;
  stroke-width: 1.2 !important;
  stroke-dasharray: 6 6 !important;
}

.sb-pro-axis-label {
  font-size: 11px !important;
  fill: #667085 !important;
  font-weight: 700 !important;
}

.sb-pro-area {
  fill: url(#sbChartFill) !important;
}

.sb-pro-line {
  fill: none !important;
  stroke: #1557ff !important;
  stroke-width: 3.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 5px 8px rgba(21,87,255,.20)) !important;
}

.sb-pro-dot {
  fill: #ffffff !important;
  stroke: #1557ff !important;
  stroke-width: 2.2 !important;
}

.sb-combo-chart-panel {
  padding: 14px !important;
}

.sb-combo-chart-panel .sb-pro-chart-svg {
  height: 220px !important;
}

@media (max-width: 899px) {
  .sb-pro-chart-svg {
    height: 180px !important;
  }
}


/* =====================================================
   HOME Combo Report - blue professional dashboard
===================================================== */

@media (min-width: 900px) {

  .sb-combo-cover {
    padding: 26px 28px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.06) !important;
  }

  .sb-combo-chart-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 170px !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .sb-combo-chart-panel {
    padding: 18px 20px 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    min-height: 300px !important;
  }

  .sb-combo-chart-panel .sb-pro-chart-svg,
  .sb-combo-chart-panel svg {
    height: 260px !important;
    max-height: 260px !important;
    width: 100% !important;
  }

  .sb-combo-side-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .sb-combo-side-stat {
    position: relative !important;
    min-height: 66px !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;
    border: 1px solid rgba(15,23,42,.09) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.045) !important;
  }

  .sb-combo-side-stat span {
    font-size: 10px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: #7a879d !important;
    font-weight: 850 !important;
    margin-bottom: 8px !important;
  }

  .sb-combo-side-stat strong {
    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .sb-pro-line {
    stroke: #1557ff !important;
    stroke-width: 2.7 !important;
  }

  .sb-pro-area {
    fill: url(#sbChartFill) !important;
  }

  .sb-pro-dot {
    fill: #ffffff !important;
    stroke: #1557ff !important;
    stroke-width: 2 !important;
  }
}

@media (max-width: 899px) {
  .sb-combo-chart-layout {
    grid-template-columns: 1fr !important;
  }

  .sb-combo-chart-panel .sb-pro-chart-svg,
  .sb-combo-chart-panel svg {
    height: 190px !important;
  }

  .sb-combo-side-stats {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* FINAL FIX: home pro chart real height */
@media (min-width: 900px) {
  .sb-combo-cover .sb-combo-chart-panel {
    min-height: 390px !important;
    padding: 18px 20px !important;
  }

  .sb-combo-cover .sb-pro-chart-svg {
    height: 360px !important;
    max-height: none !important;
    min-height: 360px !important;
    width: 100% !important;
    display: block !important;
  }

  .sb-combo-cover .sb-combo-chart-panel svg {
    height: 360px !important;
    max-height: none !important;
    min-height: 360px !important;
  }

  .sb-combo-cover .sb-combo-chart-layout {
    grid-template-columns: minmax(0, 1fr) 150px !important;
    align-items: stretch !important;
  }

  .sb-combo-cover .sb-combo-side-stats {
    align-content: stretch !important;
  }

  .sb-combo-cover .sb-combo-side-stat {
    min-height: 82px !important;
  }
}

@media (max-width: 899px) {
  .sb-combo-cover .sb-pro-chart-svg,
  .sb-combo-cover .sb-combo-chart-panel svg {
    height: 230px !important;
    min-height: 230px !important;
  }
}


/* X axis labels for pro home chart */
.sb-pro-x-label {
  font-size: 12px !important;
  fill: #526079 !important;
  font-weight: 750 !important;
}

.sb-pro-x-title {
  font-size: 12px !important;
  fill: #667085 !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
}

.sb-pro-line {
  stroke-width: 1.8px !important;
}


/* FINAL override: thinner home pro chart line */
.sb-combo-cover .sb-combo-chart-panel svg .sb-pro-line,
.sb-combo-cover .sb-pro-chart-svg .sb-pro-line,
.sb-combo-cover polyline.sb-pro-line {
  stroke-width: 1.4px !important;
}

.sb-combo-cover .sb-pro-dot {
  r: 2.2px !important;
}


/* FINAL band pro chart */
@media (min-width: 900px) {
  .sb-band-perf .sb-band-chart-panel {
    min-height: 390px !important;
    padding: 18px 20px !important;
  }

  .sb-band-perf .sb-band-chart,
  .sb-band-perf .sb-pro-chart-svg {
    height: 360px !important;
    max-height: none !important;
    min-height: 360px !important;
    width: 100% !important;
    display: block !important;
  }

  .sb-band-perf .sb-band-chart-layout {
    grid-template-columns: minmax(0, 1fr) 150px !important;
    align-items: stretch !important;
  }

  .sb-band-perf .sb-band-side-stat {
    min-height: 82px !important;
  }

  .sb-band-pro-area {
    fill: url(#sbBandChartFill) !important;
  }

  .sb-band-perf .sb-pro-line,
  .sb-band-perf .sb-band-pro-line {
    stroke-width: 1.4px !important;
    stroke: #1557ff !important;
    fill: none !important;
  }
}

@media (max-width: 899px) {
  .sb-band-perf .sb-band-chart,
  .sb-band-perf .sb-pro-chart-svg {
    height: 230px !important;
    min-height: 230px !important;
  }
}


/* Barra Performance Bands */
.sb-band-nav {
  margin: 18px 0 22px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.sb-band-nav-title {
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 10px;
  color: #0f172a;
}

.sb-band-nav-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.sb-band-nav-version {
  font-weight: 800;
  font-size: 13px;
  min-width: 34px;
  color: #475569;
}

.sb-band-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #f8fafc;
  color: #0f172a;
}

.sb-band-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10);
}

.sb-band-low {
  background: #f1f5f9;
}

.sb-band-medium {
  background: #dbeafe;
}

.sb-band-high {
  background: #ffedd5;
}

.sb-band-elite {
  background: #dcfce7;
}

@media (max-width: 640px) {
  .sb-band-nav {
    padding: 12px;
  }

  .sb-band-nav-row {
    gap: 6px;
  }

  .sb-band-pill {
    padding: 6px 10px;
    font-size: 12px;
  }
}

/* Band nav compact one-line layout */
.sb-band-nav {
  padding: 12px 14px;
}

.sb-band-nav-title {
  margin-bottom: 8px;
}

.sb-band-nav-row {
  display: inline-flex;
  margin-right: 18px;
  margin-bottom: 4px;
  vertical-align: middle;
}

.sb-band-nav-version {
  min-width: auto;
  margin-right: 4px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .sb-band-nav-row {
    display: flex;
    margin-right: 0;
  }
}

/* Header dropdown menu fix */
.main-navigation ul ul,
.site-header ul ul,
nav ul ul {
  background: #ffffff !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
  border-radius: 0 0 14px 14px;
  padding: 10px 0;
  min-width: 260px;
  z-index: 9999;
}

.main-navigation ul ul a,
.site-header ul ul a,
nav ul ul a {
  color: #0f172a !important;
  background: #ffffff !important;
  padding: 12px 18px;
  display: block;
  font-weight: 700;
  text-decoration: none;
}

.main-navigation ul ul a:hover,
.site-header ul ul a:hover,
nav ul ul a:hover {
  background: #f1f5f9 !important;
  color: #1200a8 !important;
}

/* =========================
   BEST PICKS PAGE TUNING
========================= */

.page-id .entry-header,
.page-id .page-header {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}

.sb-band-page {
    padding-top: 8px !important;
}

.sb-band-wrap {
    padding-top: 0 !important;
}

.sb-band-title,
.entry-title {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* BEST PICKS tighter above-the-fold */
body.page .site-main,
body.page main,
body.page article {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page .entry-header {
    margin-top: -30px !important;
    margin-bottom: 8px !important;
}

body.page .entry-title {
    font-size: 44px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
}

.sb-band-page {
    padding-top: 0 !important;
}

.sb-band-wrap {
    padding-top: 0 !important;
}

.sb-band-subtitle {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
}

.sb-band-perf {
    margin-top: 10px !important;
}


/* BEST PICKS TITLE STYLE */

.entry-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em;
}

.sb-band-subtitle {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    opacity: .92;
}


/* FORCE smaller page title */

h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}


.sb-trc-model {
    display: inline-block;
    margin-top: 5px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    opacity: .8;
    background: rgba(15, 23, 42, .06);
}


/* Combo / Best badges on tip cards */
.sb-pick-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  vertical-align:middle;
}
.sb-pick-badge--best{
  background:#fff3cd;
  color:#7a4b00;
  border:1px solid #ffe08a;
}
.sb-pick-badge--combo{
  background:#e7f0ff;
  color:#1546a0;
  border:1px solid #bfd3ff;
}

/* Better layout for Combo / Best badges */
.sb-trc-match{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:nowrap;
}

.sb-trc-match > span:first-child{
  flex:1 1 auto;
  min-width:0;
}

.sb-pick-badge{
  flex:0 0 auto;
  white-space:nowrap;
  margin-left:10px;
  padding:3px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:1.1;
}

.sb-pick-badge--best{
  background:#fff7db;
  color:#8a5a00;
  border:1px solid #f2cf66;
}

.sb-pick-badge--combo{
  background:#edf4ff;
  color:#1b4fa8;
  border:1px solid #c8dafd;
}

/* =========================================
   SINGLE TIP HERO
========================================= */

.sb-tip-hero{
    background:#111827;
    border-radius:20px;
    padding:28px;
    margin:20px 0;
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.sb-tip-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
    gap:10px;
    flex-wrap:wrap;
}

.sb-tip-league{
    font-size:14px;
    opacity:.8;
    font-weight:600;
}

.sb-tip-model{
    font-size:13px;
    background:#1f2937;
    padding:6px 12px;
    border-radius:999px;
}

.sb-tip-title{
    font-size:34px;
    line-height:1.15;
    margin:0 0 24px;
    color:#fff;
}

.sb-tip-main-grid{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:24px;
    align-items:center;
}

.sb-pick-box{
    background:#0f172a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:22px;
    text-align:center;
}

.sb-pick-label{
    font-size:12px;
    letter-spacing:.12em;
    opacity:.7;
    margin-bottom:10px;
}

.sb-pick-value{
    font-size:42px;
    font-weight:800;
    line-height:1;
}

.sb-pick-odd{
    font-size:26px;
    margin-top:10px;
    color:#22c55e;
    font-weight:700;
}

.sb-tip-main-right{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
}

.sb-hero-badge{
    padding:10px 16px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
}

.sb-hero-badge--conf{
    background:#2563eb;
}

.sb-hero-badge--roi{
    background:#059669;
}

.sb-hero-badge--time{
    background:#7c3aed;
}

.sb-trend-down{
    background:#16a34a;
}

.sb-trend-up{
    background:#dc2626;
}

.sb-trend-flat{
    background:#6b7280;
}

.sb-tip-updated{
    width:100%;
    opacity:.7;
    font-size:13px;
}

@media (max-width: 768px){

    .sb-tip-title{
        font-size:26px;
    }

    .sb-tip-main-grid{
        grid-template-columns:1fr;
    }

    .sb-pick-value{
        font-size:34px;
    }

}O

.single-pronostico .sb-card-grid{
    display:none !important;
}

.single-pronostico .entry-title{
    display:none;
}

.single-pronostico #secondary{
    display:none;
}

.single-pronostico .content-area{
    width:100% !important;
}

.single-pronostico .site-main{
    max-width:1200px;
    margin:auto;
}
.sb-card-grid{
    display:none !important;
}
.sb-spark-big{
    background:#111827 !important;
    border-radius:20px;
    padding:20px;
    margin:18px 0 24px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.sb-spark-big-title{
    color:#fff !important;
    font-size:16px;
    font-weight:800;
    margin-bottom:12px;
}

.sb-spark-big svg{
    width:100%;
    height:auto;
    background:#0f172a;
    border-radius:14px;
    padding:10px;
}
/* =========================================
   SINGLE TIP ODDS CHART - PREMIUM
========================================= */

.sb-spark-big{
    background:linear-gradient(180deg,#111827 0%,#0f172a 100%) !important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:26px 26px 22px;
    margin:26px 0 30px;
    box-shadow:0 14px 35px rgba(15,23,42,.22);
}

.sb-spark-big-title{
    color:#e5e7eb !important;
    font-size:18px;
    font-weight:800;
    margin-bottom:18px;
}

.sb-spark-big svg{
    width:100%;
    height:auto;
    display:block;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        #0b1220;
    background-size:100% 32px, 80px 100%;
    border-radius:18px;
    padding:14px;
    overflow:visible;
}

/* linea del grafico */
.sb-spark-big svg polyline,
.sb-spark-big svg path{
    stroke:#38bdf8 !important;
    stroke-width:4 !important;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 6px rgba(56,189,248,.35));
}

/* punti */
.sb-spark-big svg circle{
    fill:#22c55e !important;
    stroke:#e5e7eb !important;
    stroke-width:2 !important;
    filter:drop-shadow(0 0 5px rgba(34,197,94,.45));
}

/* eventuali testi dentro svg */
.sb-spark-big svg text{
    fill:#cbd5e1 !important;
    font-weight:700;
}

/* =========================================
   SINGLE TIP ODDS PRO CHART
========================================= */

.sb-odds-pro{
    background:linear-gradient(180deg,#111827 0%,#0b1220 100%);
    border:1px solid rgba(148,163,184,.16);
    border-radius:22px;
    padding:22px;
    box-shadow:0 16px 36px rgba(15,23,42,.24);
}

.sb-odds-pro-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    color:#94a3b8;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    margin-bottom:8px;
}

.sb-current-odd{
    letter-spacing:0;
    color:#e5e7eb;
    background:rgba(15,23,42,.72);
    border:1px solid rgba(148,163,184,.22);
    border-radius:999px;
    padding:8px 12px;
}

.sb-current-odd strong{
    color:#34d399;
}

.sb-odds-svg{
    width:100%;
    height:auto;
    display:block;
}

.spark-grid{
    stroke:rgba(148,163,184,.22);
    stroke-width:1;
    stroke-dasharray:4 4;
}

.spark-axis{
    stroke:rgba(226,232,240,.55);
    stroke-width:1.3;
}

.spark-axis-text{
    fill:#e5e7eb !important;
    font-size:15px;
    font-weight:700;
}

.spark-axis-x{
    font-size:16px;
}

.spark-area{
    fill:url(#sbOddsAreaGrad);
}

.spark-line{
    fill:none;
    stroke:#38bdf8 !important;
    stroke-width:4.5 !important;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 7px rgba(56,189,248,.45));
}

.spark-dot{
    fill:#34d399 !important;
    stroke:#ecfeff !important;
    stroke-width:3 !important;
    filter:drop-shadow(0 0 7px rgba(52,211,153,.55));
}

.sb-odds-stats{
    border-top:1px solid rgba(148,163,184,.16);
    margin-top:12px;
    padding-top:18px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}

.sb-odds-stats div{
    border-left:1px solid rgba(148,163,184,.16);
    padding-left:14px;
}

.sb-odds-stats div:first-child{
    border-left:0;
    padding-left:0;
}

.sb-odds-stats span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:.08em;
    margin-bottom:6px;
}

.sb-odds-stats strong{
    color:#fff;
    font-size:24px;
    line-height:1;
}

@media(max-width:768px){
    .sb-odds-pro{
        padding:16px;
    }

    .sb-odds-pro-top{
        align-items:flex-start;
        flex-direction:column;
    }

    .sb-odds-stats{
        grid-template-columns:repeat(2,1fr);
    }
}
/* ===== CHART GRID ===== */

.spark-grid-h,
.spark-grid-v{
    stroke:rgba(148,163,184,.32) !important;
    stroke-width:1.2 !important;
    stroke-dasharray:5 7;
}

.spark-area{
    fill:url(#sparkFill);
}
.spark-area{
    fill:url(#sparkFill) !important;
    opacity:.9;
}

.sb-spark-big svg{
    background:#08111f !important;
}

/* ===== ODDS CHART STATS ===== */

.sb-odds-stats{
    border-top:1px solid rgba(148,163,184,.18);
    margin-top:18px;
    padding-top:18px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.sb-odds-stats div{
    border-left:1px solid rgba(148,163,184,.18);
    padding-left:16px;
}

.sb-odds-stats div:first-child{
    border-left:0;
    padding-left:0;
}

.sb-odds-stats span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:.08em;
    margin-bottom:7px;
}

.sb-odds-stats strong{
    color:#fff;
    font-size:24px;
    line-height:1;
}

@media(max-width:768px){
    .sb-odds-stats{
        grid-template-columns:repeat(2,1fr);
    }
}

/* ===== CHART AXIS + CURRENT BADGE ===== */

.spark-y-label,
.spark-x-label{
    fill:#dbe4ee !important;
    font-size:11px;
    font-weight:800;
}

.spark-now-box{
    fill:rgba(15,23,42,.92);
    stroke:rgba(255,255,255,.20);
    stroke-width:1.2;
}

.spark-now-label{
    fill:#94a3b8 !important;
    font-size:10px;
    font-weight:800;
}

.spark-now-text{
    fill:#34d399 !important;
    font-size:13px;
    font-weight:900;
}


/* ===== ODDS STATS CARDS PREMIUM ===== */

.sb-odds-stats--cards{
    border-top:1px solid rgba(148,163,184,.22);
    margin-top:22px;
    padding-top:22px;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
}

.sb-odds-stats--cards .sb-stat-card{
    position:relative;
    min-height:132px;
    border:1px solid rgba(56,189,248,.16);
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.78));
    border-radius:16px;
    padding:18px 16px 16px;
    box-shadow:inset 0 0 22px rgba(56,189,248,.04);
}

.sb-odds-stats--cards .sb-stat-card::before{
    content:"";
    display:block;
    width:42px;
    height:42px;
    border-radius:50%;
    margin-bottom:12px;
    background:rgba(56,189,248,.12);
    border:1px solid rgba(56,189,248,.35);
    box-shadow:0 0 18px rgba(56,189,248,.18);
}

.sb-odds-stats--cards .sb-stat-card::after{
    position:absolute;
    left:29px;
    top:23px;
    font-size:22px;
    font-weight:900;
}

.sb-stat-start::after{content:"↗"; color:#38bdf8;}
.sb-stat-current::after{content:"↑"; color:#22c55e;}
.sb-stat-max::after{content:"↑"; color:#c084fc;}
.sb-stat-min::after{content:"↓"; color:#c084fc;}
.sb-stat-vol::after{content:"⌁"; color:#f59e0b;}
.sb-stat-trend::after{content:"▮"; color:#22c55e;}

.sb-odds-stats--cards span{
    color:#38bdf8;
    font-size:12px;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.08em;
}

.sb-stat-current span,
.sb-stat-trend span{
    color:#22c55e;
}

.sb-stat-max span,
.sb-stat-min span{
    color:#c084fc;
}

.sb-stat-vol span{
    color:#f59e0b;
}

.sb-odds-stats--cards strong{
    display:block;
    color:#fff;
    font-size:34px;
    line-height:1.05;
    margin-top:10px;
    font-weight:900;
}

.sb-odds-stats--cards em{
    display:block;
    margin-top:10px;
    color:#94a3b8;
    font-style:normal;
    font-size:14px;
    font-weight:700;
}

@media(max-width:1100px){
    .sb-odds-stats--cards{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){
    .sb-odds-stats--cards{
        grid-template-columns:repeat(2,1fr);
    }
}
/* ===== ODDS STATS CARDS COMPACT ===== */

.sb-odds-stats--cards{
    gap:10px;
}

.sb-odds-stats--cards .sb-stat-card{
    min-height:96px;
    padding:13px 12px;
    border-radius:14px;
}

.sb-odds-stats--cards .sb-stat-card::before{
    width:30px;
    height:30px;
    margin-bottom:8px;
}

.sb-odds-stats--cards .sb-stat-card::after{
    left:22px;
    top:17px;
    font-size:17px;
}

.sb-odds-stats--cards span{
    font-size:10px;
    letter-spacing:.06em;
}

.sb-odds-stats--cards strong{
    font-size:26px;
    margin-top:6px;
}

.sb-odds-stats--cards em{
    font-size:12px;
    margin-top:6px;
}
.sb-hero-badge--start{
    background:#7c3aed;
}

.sb-hero-badge--conf-v4{
    background:#0d9488;
}

.sb-hero-badge--time{
    background:#334155;
}
.sb-hero-badge--start{
    background:#7c3aed;
}

.sb-hero-badge--conf-v4{
    background:#0d9488;
}

.sb-hero-badge--time{
    background:#334155;
}

/* ===== HERO INDICATOR MINI CARDS ===== */

.sb-tip-main-right--cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
}

.sb-hero-mini-card{
    background:rgba(15,23,42,.72);
    border:1px solid rgba(148,163,184,.18);
    border-radius:16px;
    padding:14px 16px;
}

.sb-hero-mini-card span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:6px;
}

.sb-hero-mini-card strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.2;
    font-weight:900;
}

.sb-hero-mini-card em{
    display:block;
    color:#cbd5e1;
    font-style:normal;
    font-size:13px;
    font-weight:700;
    margin-top:6px;
}

.sb-hero-mini-card--v2{
    border-color:rgba(37,99,235,.45);
}

.sb-hero-mini-card--v4{
    border-color:rgba(13,148,136,.55);
}

.sb-hero-mini-card--start{
    border-color:rgba(124,58,237,.55);
}

.sb-hero-note{
    grid-column:1 / -1;
    color:#94a3b8;
    font-size:13px;
    line-height:1.45;
    background:rgba(2,6,23,.35);
    border:1px solid rgba(148,163,184,.12);
    border-radius:14px;
    padding:12px 14px;
}

@media(max-width:768px){
    .sb-tip-main-right--cards{
        grid-template-columns:1fr;
    }
}
/* Hide Astra previous/next navigation on single prediction pages */
.single-pronostico .post-navigation,
.single-pronostico .navigation.post-navigation,
.single-pronostico nav.navigation{
    display:none !important;
}
/* ===== BIGGER CHART ===== */
/*
*/

/* ===== COMPACT STATS ===== */

.sb-odds-stats--cards{
    gap:10px;
}

.sb-odds-stats--cards .sb-stat-card{
    min-height:84px;
    padding:12px 12px 10px;
}

.sb-odds-stats--cards .sb-stat-card::before{
    width:26px;
    height:26px;
    margin-bottom:6px;
}

.sb-odds-stats--cards .sb-stat-card::after{
    left:20px;
    top:16px;
    font-size:15px;
}

.sb-odds-stats--cards strong{
    font-size:22px;
    margin-top:4px;
}

.sb-odds-stats--cards em{
    font-size:11px;
    margin-top:4px;
}

.sb-odds-stats--cards span{
    font-size:10px;
}
.sb-spark-big svg{
    height:180px !important;
}
/* FINAL chart height override */
.sb-spark-big svg{
    height:180px !important;
    max-height:180px !important;
}
/* FINAL SVG chart sizing */
.sb-spark-big svg{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
}
.sb-spark-big svg{
    width:100% !important;
    height:230px !important;
    max-height:230px !important;
}

/* ===== HERO CONFIDENCE BAND COLORS ===== */

.sb-hero-mini-card.sb-band-elite{
    border-color:rgba(245,158,11,.85);
    background:linear-gradient(180deg,rgba(120,53,15,.55),rgba(15,23,42,.82));
    box-shadow:inset 0 0 24px rgba(245,158,11,.10);
}

.sb-hero-mini-card.sb-band-elite span,
.sb-hero-mini-card.sb-band-elite strong{
    color:#fbbf24;
}

.sb-hero-mini-card.sb-band-high{
    border-color:rgba(34,197,94,.70);
    background:linear-gradient(180deg,rgba(20,83,45,.50),rgba(15,23,42,.82));
    box-shadow:inset 0 0 24px rgba(34,197,94,.10);
}

.sb-hero-mini-card.sb-band-high span,
.sb-hero-mini-card.sb-band-high strong{
    color:#22c55e;
}

.sb-hero-mini-card.sb-band-medium{
    border-color:rgba(59,130,246,.70);
    background:linear-gradient(180deg,rgba(30,64,175,.48),rgba(15,23,42,.82));
    box-shadow:inset 0 0 24px rgba(59,130,246,.10);
}

.sb-hero-mini-card.sb-band-medium span,
.sb-hero-mini-card.sb-band-medium strong{
    color:#60a5fa;
}

.sb-hero-mini-card.sb-band-low,
.sb-hero-mini-card.sb-band-none{
    border-color:rgba(148,163,184,.35);
    background:linear-gradient(180deg,rgba(51,65,85,.38),rgba(15,23,42,.82));
}

.sb-hero-mini-card.sb-band-low span,
.sb-hero-mini-card.sb-band-low strong,
.sb-hero-mini-card.sb-band-none span,
.sb-hero-mini-card.sb-band-none strong{
    color:#cbd5e1;
}

.sb-hero-mini-card.sb-band-unknown,
.sb-hero-mini-card.sb-band-na{
    opacity:.75;
    border-color:rgba(100,116,139,.30);
}

/* ===== AI MATCH ANALYSIS ===== */

.sb-analysis-card{
    margin-top:26px;
    padding:26px 28px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.16);
    background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.94));
    box-shadow:inset 0 0 28px rgba(56,189,248,.04), 0 14px 30px rgba(15,23,42,.16);
}

.sb-analysis-eyebrow{
    display:inline-flex;
    align-items:center;
    color:#38bdf8;
    background:rgba(56,189,248,.10);
    border:1px solid rgba(56,189,248,.20);
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:14px;
}

.sb-analysis-card h2{
    margin:0 0 16px;
    color:#fff;
    font-size:24px;
    font-weight:900;
    letter-spacing:-0.02em;
}

.sb-analysis-text{
    color:#cbd5e1;
    line-height:1.8;
    font-size:16px;
}

.sb-analysis-text strong{
    color:#fff;
    font-weight:900;
}

@media(max-width:768px){
    .sb-analysis-card{
        padding:20px;
    }

    .sb-analysis-card h2{
        font-size:21px;
    }
}

/* ===== HERO STATUS CARD ===== */

.sb-hero-mini-card--status.sb-status-upcoming{
    border-color:rgba(34,197,94,.55);
    background:linear-gradient(180deg,rgba(20,83,45,.38),rgba(15,23,42,.82));
}

.sb-hero-mini-card--status.sb-status-upcoming span,
.sb-hero-mini-card--status.sb-status-upcoming strong{
    color:#22c55e;
}

.sb-hero-mini-card--status.sb-status-archived{
    border-color:rgba(148,163,184,.38);
    background:linear-gradient(180deg,rgba(51,65,85,.42),rgba(15,23,42,.82));
}

.sb-hero-mini-card--status.sb-status-archived span,
.sb-hero-mini-card--status.sb-status-archived strong{
    color:#cbd5e1;
}
/* ===== RESULT STATUS CARDS ===== */

.sb-result-win{
    background:
        linear-gradient(180deg,
        rgba(16,185,129,.22),
        rgba(16,185,129,.08));
    border-color: rgba(16,185,129,.55);
    box-shadow: 0 0 24px rgba(16,185,129,.22);
}

.sb-result-win strong{
    color:#34d399;
}

.sb-result-loss{
    background:
        linear-gradient(180deg,
        rgba(239,68,68,.22),
        rgba(239,68,68,.08));
    border-color: rgba(239,68,68,.55);
    box-shadow: 0 0 24px rgba(239,68,68,.20);
}

.sb-result-loss strong{
    color:#f87171;
}

.sb-result-pending{
    background:
        linear-gradient(180deg,
        rgba(59,130,246,.20),
        rgba(59,130,246,.06));
    border-color: rgba(59,130,246,.45);
}

.sb-result-pending strong{
    color:#60a5fa;
}

.sb-result-void{
    background:
        linear-gradient(180deg,
        rgba(148,163,184,.18),
        rgba(148,163,184,.05));
    border-color: rgba(148,163,184,.40);
}

.sb-result-void strong{
    color:#cbd5e1;
}
/* ===== SIMILAR PICKS ===== */

.sb-similar-picks{
    margin-top:26px;
    padding:24px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.14);
    background:
        linear-gradient(180deg,
        rgba(15,23,42,.82),
        rgba(2,6,23,.92));
}

.sb-similar-title{
    color:#fff;
    font-size:22px;
    font-weight:900;
    margin-bottom:18px;
}

.sb-similar-table{
    width:100%;
    border-collapse:collapse;
}

.sb-similar-table th{
    text-align:left;
    color:#94a3b8;
    font-size:13px;
    font-weight:700;
    padding:12px 10px;
    border-bottom:1px solid rgba(148,163,184,.14);
}

.sb-similar-table td{
    padding:14px 10px;
    color:#e2e8f0;
    border-bottom:1px solid rgba(148,163,184,.08);
}

.sb-res-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:62px;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
}

.sb-res-win{
    background:rgba(16,185,129,.16);
    color:#34d399;
}

.sb-res-loss{
    background:rgba(239,68,68,.14);
    color:#f87171;
}
/* ===== SIMILAR SUMMARY ===== */

.sb-similar-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:22px;
}

.sb-similar-summary-card{
    padding:16px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.14);
    background:
        linear-gradient(180deg,
        rgba(30,41,59,.75),
        rgba(15,23,42,.92));
}

.sb-similar-summary-card span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:8px;
}

.sb-similar-summary-card strong{
    color:#fff;
    font-size:24px;
    font-weight:900;
}

/* ===== SIMILAR LINKS ===== */

.sb-similar-link{
    color:#e2e8f0;
    text-decoration:none;
    font-weight:800;
}

.sb-similar-link:hover{
    color:#38bdf8;
    text-decoration:underline;
}
/* ===== COMPACT ROW METRIC ALIGNMENT ===== */

.sb-tip-row-compact--pro .sb-trc-col{
    min-width:110px;
    text-align:left;
}

.sb-tip-row-compact--pro .sb-trc-k{
    min-height:18px;
    white-space:nowrap;
}

.sb-tip-row-compact--pro .sb-trc-v{
    line-height:1.15;
}

.sb-tip-row-compact--pro .sb-trc-n{
    margin-top:5px;
}

.sb-tip-row-compact--pro .sb-trc-conf{
    min-width:96px;
    justify-content:center;
}

.sb-tip-row-compact--pro .sb-trc-trend{
    min-width:95px;
    line-height:1.45;
}

.sb-tip-row-compact--pro .sb-trc-spark{
    min-width:120px;
}

/* ===== COMPACT ROW GROUPED LAYOUT ===== */

.sb-tip-row-compact--pro .sb-tip-row-compact-link{
    grid-template-columns: minmax(280px,1.45fr) auto auto auto auto 120px;
    gap:18px;
}

.sb-trc-group{
    display:flex;
    align-items:center;
    gap:18px;
    padding:0 18px;
    border-left:1px solid rgba(148,163,184,.16);
}

.sb-trc-group--pick{
    border-left:0;
    padding-left:0;
}

.sb-trc-group .sb-trc-col{
    min-width:auto;
}

.sb-trc-group--roi .sb-trc-col,
.sb-trc-group--conf .sb-trc-col{
    min-width:120px;
}

.sb-trc-group--pick .sb-trc-col{
    min-width:54px;
}

.sb-trc-group--trend{
    min-width:110px;
}

@media(max-width:980px){
    .sb-tip-row-compact--pro .sb-tip-row-compact-link{
        grid-template-columns:1fr;
    }

    .sb-trc-group{
        border-left:0;
        border-top:1px solid rgba(148,163,184,.12);
        padding:12px 0 0;
        flex-wrap:wrap;
    }
}
/* ===== MOBILE SIMILAR PICKS ===== */

@media(max-width:768px){

    .sb-similar-picks{
        padding:18px;
        border-radius:18px;
    }

    .sb-similar-summary{
        grid-template-columns:1fr;
        gap:10px;
    }

    .sb-similar-table,
    .sb-similar-table thead,
    .sb-similar-table tbody,
    .sb-similar-table th,
    .sb-similar-table td,
    .sb-similar-table tr{
        display:block;
        width:100%;
    }

    .sb-similar-table thead{
        display:none;
    }

    .sb-similar-table tr{
        background:rgba(15,23,42,.72);
        border:1px solid rgba(148,163,184,.14);
        border-radius:16px;
        padding:14px;
        margin-bottom:12px;
    }

    .sb-similar-table td{
        border-bottom:0;
        padding:6px 0;
        display:flex;
        justify-content:space-between;
        gap:14px;
        color:#e2e8f0;
    }

    .sb-similar-table td::before{
        color:#94a3b8;
        font-size:12px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.06em;
    }

    .sb-similar-table td:nth-child(1)::before{ content:"Result"; }
    .sb-similar-table td:nth-child(2)::before{ content:"Match"; }
    .sb-similar-table td:nth-child(3)::before{ content:"Odd"; }
    .sb-similar-table td:nth-child(4)::before{ content:"Exp. ROI"; }

    .sb-similar-table td:nth-child(2){
        display:block;
    }

    .sb-similar-table td:nth-child(2)::before{
        display:block;
        margin-bottom:4px;
    }

    .sb-similar-link{
        display:block;
        line-height:1.35;
    }
}

/* Phase 1 stats block */
.sb-phase1-stats {
  margin: 28px 0;
  padding: 22px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.sb-phase1-title {
  margin: 0 0 6px;
  font-size: 24px !important;
  line-height: 1.2;
  font-weight: 800;
  color: #1f2937;
}

.sb-phase1-subtitle {
  margin: 0 0 16px;
  font-size: 14px;
  color: #64748b;
}

.sb-phase1-table-wrap {
  overflow-x: auto;
}

.sb-phase1-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}

.sb-phase1-table th,
.sb-phase1-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #eef2f7;
  vertical-align: middle;
}

.sb-phase1-table th {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
  background: #f8fafc;
}

.sb-phase1-table td {
  color: #334155;
}

.sb-phase1-table td:first-child {
  font-weight: 700;
  color: #475569;
  width: 28%;
}

.sb-phase1-note {
  color: #94a3b8;
  font-size: 12px;
}

@media (max-width: 700px) {
  .sb-phase1-stats {
    padding: 16px;
  }

  .sb-phase1-title {
    font-size: 20px !important;
  }

  .sb-phase1-table {
    font-size: 13px;
  }

  .sb-phase1-table th,
  .sb-phase1-table td {
    padding: 10px;
  }
}
/* AI summary */

.sb-ai-summary {
  margin-top: 22px;
  padding: 20px 22px;
  border-radius: 16px;
  background: linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
  border: 1px solid #e2e8f0;
}

.sb-ai-summary h2 {
  margin: 0 0 10px;
  font-size: 20px !important;
  font-weight: 800;
  color: #111827;
}

.sb-ai-summary p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #374151;
}