/* IL VESTITO DELLA TESTATA `.tb-ev-live` SULLA SCHEDA DI CASA (`event.html`).
 *
 * Il markup e' lo STESSO frammento di timerbet (`theme_family/intestazione_evento.html`): non e'
 * copiato, e' incluso. Misurato prima di muoverlo: delle sue 49 classi 45 erano gia' vestite da
 * fogli nostri. Qui c'e' solo il pugno che mancava.
 *
 * ⛔ QUESTO FOGLIO NON PUO' RAGGIUNGERE TIMERBET, ed e' voluto: lo carica `event.html`, e timerbet
 * rende `theme_family/evento.html`. E' il modo per vestire il blocco su una skin senza toccare la
 * skin col tema importato — che non deve cambiare di una virgola.
 *
 * ⛔ Zero colori scritti a mano, nemmeno nei ripieghi: solo variabili della skin.
 */

/* LA PASTIGLIA «LIVE» / «Conclusa». Sul tema importato e' verde perche' gliela dipinge il suo
   foglio; qui non arrivava nessuna regola e usciva testo nudo. Il colore e' quello dell'azione
   DELLA SKIN — su studio5 sara' arancione, e va bene cosi': e' il suo. */
.tb-ev-live .btn-live--ctm {
  display: inline-block; padding: 2px 9px; border-radius: 999px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  background: var(--live, var(--btn-primary, currentColor));
  color: var(--btn-primary-text, var(--primary-background, inherit));
}

/* Le tre tendine in fondo: sono comandi, e devono sembrarlo. */
.tb-ev-live .tb-ev-act {
  cursor: pointer; padding: 4px 8px; border-radius: var(--r-s, 9px);
  color: var(--primary-text, currentColor);
}
.tb-ev-live .tb-ev-act:hover { background: var(--qt-background, transparent); }

/* 📌 Le icone `mdi-*` di questo blocco (info, stadio, orologio) su una skin senza il carattere
   `materialdesignicons` non disegnano niente — misurato: su studio5 quel foglio NON e' caricato.
   Non si finge un'icona: il testo accanto resta e si legge. Se un giorno le vorremo anche qui,
   la strada e' la stessa della stella dei preferiti — un SVG in linea, non un font in piu'. */