/* ════════════════════════════════════════════════════════════════════════════
   SKIN FIXES — il file UNICO dei fix CSS di Dav (creato 25/07 su sua istruzione:
   «non inserirlo nella pagina ma crea un css separato con tutti i fix css così
   poi li integriamo nel css globale che useremo per tutte le skin»).

   REGOLE DELLA CASA per questo file:
   - ogni fix nuovo di Dav va QUI, non sparso in altri fogli né inline nelle pagine;
   - niente stili di pagina/feature (quelli hanno i loro fogli): solo i FIX che
     domani confluiranno nel css globale multi-skin;
   - ogni blocco porta data e richiesta, così la fusione nel globale è tracciabile.
   Caricato per ultimo in FOGLI: vince sulla cascata di tema e fogli app.
   ──────────────────────────────────────────────────────────────────────────── */

/* Dav 25/07 08:40 — breadcrumb pagina evento (.box-main--left): font più piccolo,
   una riga con ellissi, come lo screen di riferimento. CSS DETTATO DA DAV, valori
   suoi alla lettera. */
.box-main--left span:not(.mdi) {
  font-size: 11px;
  line-height: 1;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Dav 25/07 08:42 — tab pagina evento: il bordo GIALLO in basso era un nostro
   ::after in live_frame.css (var(--money,#F5B301)) sovrapposto al verde del
   template base. RIMOSSO alla fonte (live_frame.css), non coperto da qui:
   resta solo il verde del template. Questo blocco è solo memoria del fix. */

/* ────────────────────────────────────────────────────────────────────────────
   Dav 25/07 08:20/08:26 (ri-segnalato) — COUPON come il mockup del template:
   font/padding/colori del mockup originale (BET SLIP). Il mockup è una GUIDA:
   qui si riallinea ciò che ESISTE (niente Accumulator/steppers/promo inventati).
   Palette del mockup: etichette blu #1E63A4, valori navy #12314f, chip quota
   azzurra #d9e8f6, CTA verde #8DC63F (come REGISTRATION), ✕ rossa.
   ──────────────────────────────────────────────────────────────────────────── */
/* testata: «COUPON» blu come YOUR BET, contatore blu */
.box-sidebar--coupon .tb-head span{color:#1E63A4;font-size:13px;font-weight:800;letter-spacing:.02em}
.box-sidebar--coupon .tb-head small{color:#1E63A4;opacity:1;font-weight:700;font-size:11.5px}
/* card evento: nome match BLU in evidenza (12.5px), lega piccola, punteggio oro invariato */
.box-sidebar--coupon .cpn-match{font-size:12.5px;color:#1E63A4}
.box-sidebar--coupon .cpn-comp{font-size:10px}
/* riga segno: chip quota AZZURRA con testo blu bold, testo mercato navy, ✕ ROSSA */
.box-sidebar--coupon .cpn-odds{background:#d9e8f6;color:#1E63A4;font-weight:800;font-size:12.5px;
  border-radius:6px;padding:3px 7px}
.box-sidebar--coupon .cpn-leg-txt{font-size:12px;color:#22303f}
.box-sidebar--coupon .cpn-x{color:#e03a2f}
.box-sidebar--coupon .cpn-x:hover{background:rgba(224,58,47,.12);color:#c22315}
.box-sidebar--coupon .cpn-leg form{display:flex}
/* righe quota/importo/vincita: SUL FONDO come il mockup (niente pannello bordato),
   etichetta blu, valore navy bold a destra */
.box-sidebar--coupon .tb-panel{background:transparent;border:0;margin:2px 10px;padding:0}
.box-sidebar--coupon .tb-cp-row{font-size:12.5px;padding:5px 0}
.box-sidebar--coupon .tb-cp-row>:first-child{color:#1E63A4;opacity:1}
.box-sidebar--coupon .tb-cp-row>:last-child{color:#12314f;font-weight:800}
.box-sidebar--coupon .tb-cp-row.tot>:first-child{color:#12314f}
.box-sidebar--coupon .tb-cp-row.tot>:last-child{font-size:13.5px}
/* input importo: bianco, bordo azzurro, testo navy (come Stake Amount) */
.box-sidebar--coupon .tb-amount{background:#fff;border:1px solid #bcd4ea;border-radius:6px;
  color:#12314f;font-weight:700;font-size:13px;padding:5px 8px}
/* CTA: SCOMMETTI VERDE pieno come «Place Bet»/«REGISTRATION»; ANNULLA neutro
   azzurrino (nel mockup non esiste un bottone rosso) */
.box-sidebar--coupon .tb-btns .tb-scommetti{background:#8DC63F;color:#fff}
.box-sidebar--coupon .tb-btns .tb-scommetti:hover{background:#7ab829}
.box-sidebar--coupon .tb-btns .tb-annulla{background:#d9e8f6;color:#1E63A4}
.box-sidebar--coupon .tb-btns .tb-annulla:hover{background:#c7dcf0}
/* STATO VUOTO come il mockup: messaggio in CARD BIANCA centrata */
.box-sidebar--coupon .tb-vuoto{background:#fff;border-radius:8px;margin:10px;padding:20px 12px;
  color:#6b86a3;font-size:12.5px;opacity:1}
.box-sidebar--coupon .tb-blocco{background:transparent;margin:0}
/* zona «Save/load events»: titolo-link blu centrato sopra divisore tratteggiato,
   input bianco, Salva VERDE (grigio solo da disabilitato), Carica azzurro */
.box-sidebar--coupon .cpn-code{border-top:1px dashed #b7c9db;margin-top:4px;padding-top:8px}
.box-sidebar--coupon .cpn-code-h{text-align:center;color:#1E63A4;font-weight:700;font-size:12px;
  text-decoration:underline;text-underline-offset:2px;text-transform:none;letter-spacing:0}
.box-sidebar--coupon .cpn-code-in{background:#fff;border:1px solid #bcd4ea;border-radius:6px;
  color:#12314f;font-size:12.5px}
.box-sidebar--coupon .cpn-save{background:#8DC63F;color:#fff;font-weight:800}
.box-sidebar--coupon .cpn-save:hover{background:#7ab829}
.box-sidebar--coupon .cpn-save:disabled{background:#dbe4ee;color:#93a6bd}
.box-sidebar--coupon .cpn-load{background:#d9e8f6;color:#1E63A4;font-weight:800}
.box-sidebar--coupon .cpn-load:hover{background:#c7dcf0}
/* micro-classi nate spostando gli style= inline di schedina.html (regola Dav) */
.box-sidebar--coupon .tb-dim{opacity:.6}
.box-sidebar--coupon .tb-val-in{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}
.box-sidebar--coupon .tb-val-in .tb-amount{max-width:88px}
.box-sidebar--coupon .tb-sys-row.una{grid-template-columns:1fr}
.box-sidebar--coupon .tb-note-pad{padding:0 12px 8px;margin:0}
.box-sidebar--coupon .tb-ta-r{text-align:right}

/* ────────────────────────────────────────────────────────────────────────────
   Dav 25/07 09:05 (ri-segnalato) — HEADER DA LOGGATO come lo screen 2 del mockup.
   Blocco ACCOUNT a due righe (nome utente sopra, saldo+occhio sotto), click sul
   blocco = submenu (Esci sta lì dentro); Deposita = icona «$» del tema; Premi =
   sola icona regalo del tema (ritargata a /player/premios dal wiring). L'EMAIL
   non compare mai nell'header (riservatezza): senza username → «Il mio conto».
   ──────────────────────────────────────────────────────────────────────────── */
.hu .hu-user{display:flex;align-items:center;gap:7px;max-width:200px}
.hu .hu-acc-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}
.hu .hu-acc-col .hu-nome{font-weight:800;font-size:12.5px;max-width:150px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* il saldo sotto il nome: cifra piccola + occhio mini, niente sfondo proprio */
.hu .hu-acc-col .hu-saldo{display:inline-flex;align-items:center;gap:4px;background:none;
  border:0;padding:0;margin:0;font-size:11px;opacity:.85}
.hu .hu-acc-col .hu-cifra{font-weight:700;font-variant-numeric:tabular-nums}
.hu .hu-acc-col .hu-eye{padding:0 2px;font-size:11px;line-height:1}
/* l'icona portafoglio accanto all'account (il 💳 del mockup) */
.hu .hu-ic--wallet .mdi{font-size:15px;line-height:1}
/* Angelo 25/07 — ORA DEL SITO nell'header loggato («IT / 02:39» dello screen 2):
   dentro il bottone lingua, cifre tabellari, separata dalla sigla con un filo */
.hu .hu-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:11.5px;opacity:.9;
  border-left:1px solid rgba(255,255,255,.25);padding-left:6px;margin-left:2px}
/* i vecchi elementi rimossi non esistono più nel markup; qui nessuna regola-zombie. */

/* (spostati da _header_fixes.html — regola «niente <style> nelle pagine») */
/* ⚠️ RICORRENTE (Dav): in HOME niente barra sport-tipo sopra il contenuto. Scoped a
   body--index così non tocca sport/evento dove il carosello serve. */
body.body--index .box-main--typemarket-container{display:none !important}
body.body--index .box-main--top:has(> .box-main--center.box-main--typemarket-container){display:none !important}
/* CASINO: banner tornei/promo demo importati NASCOSTI per ora (Angelo 24/07). REVERSIBILE.
   Dav 25/07: la pagina Promozioni VERA usa il wrapper del tema per farsi vestire — il
   marcatore .tb-promo-vera la salva dallo spegni-demo. */
.casino-promo--carousel{display:none !important}
.casino-promo:not(.tb-promo-vera){display:none !important}

/* ────────────────────────────────────────────────────────────────────────────
   Dav 25/07 09:30 — la strip sport della barra: lo sport ATTIVO porta il bordo
   verde sotto, STESSO effetto dell'hover. Il tema ha GIÀ hover+active nella
   stessa regola, ma poi ANNULLA l'active proprio qui con
   «.tab-item--active:not(:hover){border-color:var(--trasp)}».
   Qui si neutralizza quella riga RIUSANDO la variabile dell'hover del tema:
   misurato dal vivo, su questa strip l'hover rende var(--tertiary-border)
   (#7dac2e, il verde) — NON --secondary-border, che in questo tema è navy.
   Stesso verde per costruzione, nessun secondo verde inventato. */
.box-main--type-c .box-main--wrapper .box-main--middle .tab-items--ctm .tab-item--ctm.tab-item--active:not(:hover){
  border-color:var(--tertiary-border)}

/* Angelo 25/07 — tabellina parziali della testata evento: il wrapper era uno style inline;
   ora è la classe-gancio che lo swap 60s rimpiazza per la colonna del nuovo set. */
.tb-ev-sets-wrap{display:flex;justify-content:center;margin:2px 0 0}

/* ────────────────────────────────────────────────────────────────────────────
   Dav 25/07 10:50 — QUOTA AUMENTATA col design dello screen 2 (mockup LOCALE
   a/live-betting.html): la card è ora `carousel-item` + carousel-item--topinfo/
   match/odds + qt-btn — CLASSI DELLA FAMIGLIA, vestite dal CSS del tema di ogni
   skin. Qui SOLO la colla: striscia scrollabile, frecce, larghezza card, prezzo
   vecchio barrato. (Era il <style> scoped del widget quota_boost: spostato qui,
   regola «niente CSS nelle pagine».) La barra-progresso «1st Half» del mockup
   NON si applica ai boost (nessun dato periodo) — non inventata.
   ──────────────────────────────────────────────────────────────────────────── */
.qbrow{margin:10px auto;max-width:100%;min-width:0;position:relative}
.qbrow-h{display:flex;align-items:center;gap:8px;padding:0 4px 8px;font-weight:900;
  color:#e7edf5;font-size:.95em;letter-spacing:.02em}
.qbrow-h .fire{color:#ff5a3c}
.qbrow-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;
  padding:2px 2px 6px;min-width:0;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain}
.qbrow-scroll::-webkit-scrollbar{height:6px}
.qbrow-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:6px}
.qbrow:not(.qb-atend)::after{content:"";position:absolute;top:26px;right:0;bottom:8px;width:38px;
  pointer-events:none;background:linear-gradient(90deg,rgba(11,22,38,0),rgba(11,22,38,.55));z-index:2}
/* la card: GUSCIO BIANCO dello screen 2 (fuori dal carosello del tema le classi
   carousel-item non prendono il fondo: qui la si veste come nel mockup) */
.qbrow .qbcard{flex:0 0 300px;max-width:300px;cursor:pointer;background:#fff;color:#12314f;
  border:1px solid rgba(28,66,103,.14);border-radius:10px;padding:9px 11px 10px;
  box-shadow:0 4px 14px rgba(6,16,30,.25);transition:transform .12s,box-shadow .12s;
  display:flex;flex-direction:column;gap:6px}
.qbrow .qbcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,16,30,.4)}
.qbrow .qbcard .carousel-item--topinfo{display:flex;align-items:center;gap:7px;
  font-size:11px;font-weight:700;color:#5b7793;text-transform:uppercase;letter-spacing:.03em}
.qbrow .qbcard .carousel-item--topinfo .btn-live--ctm{margin-left:auto}
.qbrow .qbcard .carousel-item--match{display:flex;flex-direction:column;gap:3px;min-height:44px}
.qbrow .qbcard .match-home b{color:#1E63A4;font-size:13px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;display:block}
.qbrow .qb-leg{display:flex;align-items:baseline;gap:5px;font-size:12px;color:#22303f;min-width:0}
.qbrow .qb-leg .mdi{color:#5b7793;font-size:12px}
.qbrow .qb-leg .qb-ev{opacity:.55;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qbrow .qb-fire{font-size:14px;line-height:1}
.qbrow .qb-orig{opacity:.5;font-weight:600;margin-right:4px}
.qbrow .qb-go{width:100%}
.qbrow-arrow{position:absolute;top:50%;transform:translateY(-6px);z-index:3;width:34px;height:34px;
  border-radius:50%;border:0;background:rgba(11,22,38,.9);color:#fff;font-size:18px;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.qbrow-arrow--l{left:4px}.qbrow-arrow--r{right:4px}
.qbrow-arrow[hidden]{display:none}

/* ═══ CASINÒ a caricamento progressivo (Dav 25/07) — griglia, card, filtri, segnaposto ═══ */
.tb-cas{padding:2px 2px 40px}
.tb-cas-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:10px 4px 14px}
.tb-cas-search{position:relative;flex:1 1 220px;min-width:180px}
.tb-cas-search .mdi{position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:.55;font-size:15px}
.tb-cas-search input{width:100%;box-sizing:border-box;padding:9px 12px 9px 34px;border-radius:999px;
  border:1px solid rgba(128,150,180,.28);background:rgba(255,255,255,.04);color:inherit;font-size:.95em}
.tb-cas-tabs{display:flex;flex-wrap:wrap;gap:6px}
.tb-cas-tab{border:1px solid rgba(128,150,180,.28);background:transparent;color:inherit;cursor:pointer;
  border-radius:999px;padding:6px 14px;font-weight:700;font-size:.85em;transition:all .12s;white-space:nowrap}
.tb-cas-tab:hover{background:rgba(128,150,180,.12)}
.tb-cas-tab.on{background:linear-gradient(135deg,#1c4267,#276aa6);color:#fff;border-color:transparent}
.tb-cas-tab small{opacity:.65;font-weight:600;margin-left:3px}
.tb-cas-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start}
@media(max-width:560px){.tb-cas-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
.tb-cg{position:relative;display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;
  background:linear-gradient(150deg,#16283e,#0d1826);border:1px solid rgba(255,255,255,.06);
  text-decoration:none;color:#eaf2f8;box-shadow:0 6px 16px rgba(2,10,20,.35);transition:transform .12s,box-shadow .12s}
.tb-cg:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(2,10,20,.55)}
/* SEGNAPOSTO: iniziale del nome su fondo tema — visibile finché l'immagine non c'è/carica */
.tb-cg-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:2.4em;font-weight:900;color:rgba(255,255,255,.14);letter-spacing:.02em;
  background:radial-gradient(120% 90% at 50% 0,rgba(39,106,166,.30),transparent 70%)}
.tb-cg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:transparent}
.tb-cg-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 8px 7px;
  background:linear-gradient(180deg,transparent,rgba(6,12,22,.86));display:flex;flex-direction:column;gap:5px}
.tb-cg-name{font-size:.8em;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.3em}
.tb-cg-play{align-self:flex-start;font-size:.68em;font-weight:800;color:#0b1626;
  background:linear-gradient(180deg,#f5b301,#e79a00);border-radius:7px;padding:4px 10px;opacity:0;transition:opacity .12s}
.tb-cg:hover .tb-cg-play,.tb-cg:focus-visible .tb-cg-play{opacity:1}
.tb-cas-empty{padding:30px 12px;text-align:center;opacity:.6}
.tb-cas-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0 6px}
.tb-cas-more[hidden]{display:none}
.tb-cas-more-btn,#tb-cas-more-btn{border:1px solid rgba(128,150,180,.35);background:rgba(255,255,255,.05);
  color:inherit;cursor:pointer;border-radius:999px;padding:9px 20px;font-weight:700;font-size:.9em}
.tb-cas-more-btn:hover,#tb-cas-more-btn:hover{background:rgba(128,150,180,.15)}
.tb-cas-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(128,150,180,.35);
  border-top-color:#f5b301;animation:tbcasspin .7s linear infinite;display:none}
.tb-cas-more.busy .tb-cas-spin{display:inline-block}
.tb-cas-more.busy #tb-cas-more-btn{opacity:.5;pointer-events:none}
@keyframes tbcasspin{to{transform:rotate(360deg)}}

/* ═══ PAGINA PROMOZIONI come mockup (Dav 25/07) — tab, card, countdown, segnaposto ═══ */
.tb-promo{padding:2px 2px 40px}
.tb-promo-tabs{display:flex;gap:8px;justify-content:center;padding:6px 0 18px;border-bottom:1px solid rgba(128,150,180,.18);margin-bottom:18px}
.tb-promo-tab{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800;font-size:.95em;
  padding:8px 16px;border-radius:999px;opacity:.7;transition:all .12s}
.tb-promo-tab:hover{opacity:1;background:rgba(128,150,180,.10)}
.tb-promo-tab.on{opacity:1;color:#f5b301;box-shadow:inset 0 -2px 0 #f5b301;border-radius:0}
.tb-promo-tab small{opacity:.6;font-weight:600;margin-left:3px}
.tb-promo-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start}
.tb-promo-card{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#16283e,#0d1826);
  border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 22px rgba(2,10,20,.4)}
.tb-promo-ph{height:150px;display:flex;align-items:center;justify-content:center;position:relative;
  background:radial-gradient(120% 100% at 50% 0,rgba(39,106,166,.5),#0d1826 72%)}
.tb-promo-ph span{font-size:3.4em;font-weight:900;color:rgba(255,255,255,.22)}
.tb-promo-ph--cup span{font-size:3em;opacity:.85}
.tb-promo-badge{position:absolute;top:10px;right:10px;z-index:2;font-size:.66em;font-weight:900;letter-spacing:.06em;
  text-transform:uppercase;color:#0b1626;background:linear-gradient(180deg,#8ce06b,#4fb52b);border-radius:6px;padding:4px 9px}
.tb-promo-amt{position:absolute;top:130px;left:10px;z-index:2;font-weight:900;font-size:.9em;color:#0b1626;
  background:linear-gradient(180deg,#f5b301,#e79a00);border-radius:7px;padding:4px 11px}
.tb-promo-body{padding:16px 14px 14px}
.tb-promo-title{margin:0 0 6px;font-size:1.02em;font-weight:900;letter-spacing:.02em}
.tb-promo-desc{margin:0 0 12px;font-size:.86em;opacity:.75;line-height:1.45}
.tb-promo-count{margin:0 0 12px}
.tb-promo-count-lab{display:block;font-size:.66em;text-transform:uppercase;letter-spacing:.08em;opacity:.55;font-weight:800;margin-bottom:5px}
.tb-promo-count-v{display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}
.tb-promo-count-v b{font-size:1.25em;font-weight:900;background:rgba(255,255,255,.07);border-radius:7px;padding:3px 8px;min-width:34px;text-align:center;display:inline-block}
.tb-promo-count-v i{font-style:normal;font-size:.62em;opacity:.55;font-weight:700;margin-right:4px}
.tb-promo-acts{display:flex;flex-direction:column;gap:8px}
.tb-promo-btn{border:0;cursor:pointer;border-radius:8px;padding:9px 12px;font-weight:800;font-size:.82em;text-align:center}
.tb-promo-btn--more{background:linear-gradient(180deg,#8ce06b,#4fb52b);color:#0b1626}
.tb-promo-btn--more:hover{filter:brightness(1.05)}
.tb-promo-reg{margin-top:8px;font-size:.8em;opacity:.8;line-height:1.5;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.tb-promo-none{grid-column:1/-1;padding:34px 12px;text-align:center;opacity:.6}
/* copertina promo opzionale: se c'è copre il segnaposto; se manca/rompe resta il segnaposto */
.tb-promo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}

/* ────────────────────────────────────────────────────────────────────────────
   Dav 25/07 15:18-15:23 — quattro punti riaperti (card «non corrispondono»).
   1) PROMOZIONI: card riallineata alle CLASSI DEL TEMPLATE (casino-promo--item
   del mockup casino-promo.html): il vestito lo dà il CSS del tema; qui solo la
   colla della griglia e il segnaposto per le promo senza immagine. NB: la regola
   sopra che spegne i banner demo colpisce SOLO i wrapper .casino-promo/.--carousel,
   non le card sciolte. */
/* griglia = la variante --grid DEL TEMA (larghezze 25/33/50/100% responsive sue);
   qui solo il wrap di sicurezza se il tema non lo dichiara */
.tb-promo-vera .casino-promo--wrapper{display:flex;flex-wrap:wrap}
/* SEGNAPOSTO promo senza immagine: il tema mette position:absolute su OGNI span dentro
   --img (è pensato per i badge prize/status) e il segnaposto usciva dal flusso facendo
   collassare la card: qui torna in flusso, con la specificità per vincere. */
.tb-promo-vera .casino-promo--item .casino-promo--img .tb-promo-ph{position:static !important;
  display:flex !important;align-items:center;justify-content:center;width:100%;height:150px;
  background:radial-gradient(120% 90% at 50% 0,rgba(39,106,166,.35),rgba(12,26,44,.9));
  border-radius:5px}
.tb-promo-vera .casino-promo--img .tb-promo-ph i{font-style:normal;font-size:2.6em;
  font-weight:900;color:rgba(255,255,255,.35)}
.tb-promo-reg{padding:10px 14px;font-size:12.5px;opacity:.85}

/* 4a) BREADCRUMB EVENTO: la regola dettata da Dav copriva gli <span> — ma nel
   breadcrumb ci sono anche <a> (la lega, la partita) rimasti a 16px («il secondo
   span si vede ancora grande»). STESSI valori dettati, estesi agli anchor. */
.box-main--left a:not(.mdi) {
  font-size: 11px;
  line-height: 1;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 4b) TAB SPORT SULL'EVENTO: aprendo un evento dalla lista (swap parziale) la
   strip sport della home restava sopra il tabellone («le tabs sopra che non
   devono esserci»). Il body porta già tb-su-evento (lo mette _central_swap, anche
   al primo load): qui la strip si spegne — e ricompare tornando alla lista. */
body.tb-su-evento .box-main--sports-tab{display:none !important}

/* Countdown riserva nel dettaglio coupon (A32 26/07): i secondi che restano all'operatore
   per accettare la giocata live — indicazione, mai un esito. */
.tb-refuse-cd { margin-left: 8px; color: #b8860b; font-variant-numeric: tabular-nums; }

/* Countdown riserva nella riga Importo dello slip (A32 26/07): dentro l'etichetta, riga
   stretta — il campo dei soldi NON si comprime mai, semmai si tronca il contatore. */
.tb-cp-row .tb-cd-slot{margin-left:6px;color:#c79212;font-size:11px;font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;max-width:64px;
  display:inline-block;vertical-align:baseline}
.tb-cp-row .tb-cd-slot:empty{display:none}
.tb-cp-row .tb-amount{flex-shrink:0}

/* ────────────────────────────────────────────────────────────────────────────
   26/07 (giro di controllo → card «la scheda sport e la lista non si parlano»):
   la STRIP SPORT DEMO del grafico (Soccer/Basket/Golf/MMA, tutti href="#",
   «Soccer» attivo DI FABBRICA nel markup) conviveva con la strip vera: chi
   guardava credeva il filtro calcio, con la lista mista sotto — e avrebbe
   potuto giocare un altro sport senza accorgersene. Bottoni finti = spenti.
   LA CLASSE, NON L'ESEMPIO: qualunque strip di tab senza NESSUN link vero ai
   filtri (/player/) è demo e sparisce; le strip vere (sport_tabs_box, menu
   sport) hanno sempre href reali e non vengono toccate. */
.tab-items--ctm:not(:has(a[href*="/player/"])){display:none !important}

/* ────────────────────────────────────────────────────────────────────────────
   26/07 URGENTE (card «promesse false al giocatore»): residui di MOCKUP che un
   giocatore CREDE veri. Via dalla vista — la testata regge, sotto c'è il casinò vero.
   Stessa filosofia della strip sport demo qui sopra: si nasconde ciò che è finto.

   1) BANNER-TESTATA del casinò (top-hero--casino): carosello di immagini mockup coi
      bottoni finti «Play Now! / Get Bonus! / Find out more» e la falsa promessa del
      «50% di bonus il martedì». Quel bonus NON esiste (ed è pure in inglese): un
      giocatore che deposita aspettandoselo è un reclamo certo. Nascosto finché non c'è
      lo slot promo VERO (le promozioni esistono nel backoffice).
   2) «SPINO LEAGUE» (casino-promo--carousel): 6 tornei INVENTATI col conto alla rovescia
      che scorre davvero — il pezzo più credibile di tutti. Nessun torneo esiste. Via;
      resta lo spazio per i tornei veri, semmai ci saranno. Nessuna funzione nostra lo usa. */
.top-hero--casino,
.casino-promo--carousel { display: none !important; }