/* LA STRUTTURA DEL PALINSESTO E DEL MENU SPORT SUI TEMI IMPORTATI — 20/08, w-fabbrica.
   GC, dal telefono, con gli scatti: contatori incollati ai nomi («calcio732»), righe live
   slegate («LIVE73:022° tempo», punteggi appiccicati alle squadre), casella del filtro
   bianca e nuda.

   🔴 PERCHÉ QUI. Le regole esistono da settimane in `casa.css` e `cms_page.css` — ma quei
   fogli PORTANO COLORI (navy, arancio) e sui temi importati non si caricano apposta: è la
   lezione di luglio, casa.css che ridipingeva i temi. Su studio5 `.wdg-sport` è flex e le
   righe live sono una griglia; su farbet erano block e table-row: la STRUTTURA mancava
   insieme al colore, buttata via con l'acqua sporca.

   ⚖️ Questo foglio è l'estratto STRUTTURALE: griglie, flex, spaziature, `tabular-nums` —
   zero colori, i neutri sono `rgba(127,127,127,…)` che stanno su qualunque fondo, il resto
   eredita. Va in FOGLI_STRUTTURALI, che si caricano PRIMA dello <style> del tema: il tema
   resta l'ultima parola sull'aspetto. Le regole sono COPIATE dai fogli di origine (i
   selettori identici, i colori tolti), non reinventate: il giorno che l'origine cambia
   assetto, questo file va riallineato — cercare «palinsesto_struttura» nel CHANGELOG. */

/* === IL MENU SPORT (da casa.css §.wdg-sport) ============================================= */
.wdg-sport-l1,.wdg-sport-l2,.wdg-sport-l3{list-style:none;margin:0;padding:0}
.wdg-sport-l2{padding-inline-start:10px}
.wdg-sport-l3{padding-inline-start:12px}
/* su farbet le voci sport NON stanno nella tendina: il flex vale per ogni .wdg-sport
   del menu, o il contatore resta incollato al nome («calcio732»). */
.wdg-sport{display:flex;align-items:center;gap:8px}
.wdg-sport > .wdg-sport-nome{flex:1;min-width:0}
.wdg-sport-tendina .wdg-sport{cursor:pointer;padding:8px 10px}
.wdg-sport-tendina .wdg-sport::-webkit-details-marker{display:none}
.wdg-sport-tendina summary{list-style:none}
.wdg-sport-tendina summary::-webkit-details-marker{display:none}
.wdg-sport-tendina .wdg-sport > .wdg-sport-nome{flex:1;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.wdg-sport-tutto,.wdg-sport-area,.wdg-sport-lega{display:flex;align-items:center;gap:8px;
  padding:6px 10px}
.wdg-sport-tutto .wdg-sport-nome,.wdg-sport-area .wdg-sport-nome,
.wdg-sport-lega .wdg-sport-nome{flex:1;min-width:0}
/* il contatore: staccato dal nome e spinto a destra — era «calcio732» */
/* il margin-auto spinge a destra SOLO in un flex, e il tema puo' vincere sul display
   (farbet: #side-menu-sport a a display block, specificita' 1-0-1 contro 0-1-0 — e il tema
   ha l'ultima parola per regola). Il float lavora anche nel blocco, e in un flex viene
   ignorato: copre tutt'e due i mondi senza toccare il display di nessuno. */
.wdg-sport-n{font-size:12px;font-variant-numeric:tabular-nums;opacity:.7;
  margin-inline-start:auto;float:inline-end}
/* la casella del filtro (da casa.css, già neutra all'origine) */
.wdg-sport-filtro{padding:6px 8px}
.wdg-sport-filtro input{width:100%;box-sizing:border-box;padding:7px 10px;border-radius:8px;
  border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.10);
  color:inherit;font:inherit;font-size:.92em;-webkit-appearance:none;appearance:none}
.wdg-sport-filtro input::placeholder{color:currentColor;opacity:.55}
.wdg-sport-filtro input:focus{outline:2px solid rgba(127,127,127,.45);outline-offset:1px}

/* === IL PALINSESTO (da cms_page.css §.tb-palinsesto, senza colori) ======================== */
.tb-palinsesto{width:100%;border-collapse:collapse;font-size:13px}
.tb-palinsesto th{text-align:center;font-weight:600;font-size:11px;text-transform:uppercase;
  padding:6px 4px;border-bottom:1px solid rgba(127,127,127,.3);opacity:.75}
.tb-palinsesto th.tb-h-ev{text-align:left}
.tb-palinsesto td{padding:6px 4px;border-bottom:1px solid rgba(127,127,127,.22);
  text-align:center;vertical-align:middle}
.tb-palinsesto .tb-time{white-space:nowrap;font-size:12px;opacity:.75;vertical-align:top}
.tb-palinsesto .tb-ev{text-align:left}
.tb-palinsesto .tb-ev a{color:inherit;text-decoration:none}
.tb-palinsesto .tb-ev .muted{display:block;font-size:11px;opacity:.7}
/* la riga live: nomi a sinistra, punteggi a destra, allineati alla riga di scrittura */
.tb-palinsesto .tb-ev-live{display:grid;grid-template-columns:1fr auto;column-gap:12px;
  row-gap:1px;align-items:baseline}
.tb-palinsesto .tb-sq{min-width:0;overflow-wrap:anywhere}
.tb-palinsesto .tb-pt{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
/* i parziali per tempo (da tb.css): appoggiati a destra del nome, smorzati */
.tb-parz{float:inline-end;margin-inline-start:8px;opacity:.7;
  font-variant-numeric:tabular-nums;letter-spacing:.04em}
.tb-palinsesto .tb-live-cella{text-align:left;vertical-align:top;white-space:normal;
  padding:6px 8px}
.tb-palinsesto .tb-live-blocco{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.tb-palinsesto .tb-live-riga1{display:flex;align-items:center;position:relative;text-align:left}
.tb-palinsesto .tb-live-eti{font-weight:800;margin-inline:.3em}
/* il separatore fra minuto e tempo: senza, «82:32» e «2° tempo» escono incollati */
.tb-palinsesto .tb-live-set:empty{display:none}
.tb-palinsesto .tb-live-minuto:not(:empty)+.tb-live-set:not(:empty)::before{
  content:"\00a0/\00a0";opacity:.55}
.tb-palinsesto .tb-riga-sq{display:flex;align-items:start;gap:8px}
.tb-palinsesto .tb-riga-sq .tb-ev-live{flex:1;min-width:0}
.tb-palinsesto .tb-fav{cursor:pointer;opacity:.6;line-height:1.4}
.tb-palinsesto .tb-live-info{margin-inline-start:auto;flex:0 0 auto}
.tb-palinsesto .tb-live-info-eti{list-style:none;cursor:pointer;user-select:none;
  display:inline-flex;align-items:center;gap:4px;font-size:.76em;opacity:.75}
.tb-palinsesto .tb-live-info-eti::-webkit-details-marker{display:none}
/* il pannello statistiche si apre verso SINISTRA quando e' vicino al bordo: su
   mega365win sforava di 6px (396 su 390) e faceva scorrere la pagina di lato. */
/* il pannello statistiche non esce mai dallo schermo, comunque sia posizionato dal
   tema (su mega365win e' `inline` e `right:0` non mordeva): il tetto in vw vale sempre. */
.tb-palinsesto .tb-live-stat{max-width:calc(100vw - 46px);right:0;left:auto;
  overflow-wrap:anywhere}
.tb-palinsesto .tb-live-info{max-width:100%}
.tb-palinsesto .tb-more a{color:inherit;text-decoration:none;font-size:12px;white-space:nowrap}
.tb-palinsesto .tb-odd .chip{min-width:0;width:100%;padding-left:3px;padding-right:3px}

/* l'intestazione di lega: quattro span adiacenti che NESSUN foglio stacca — sui cloni
   uscivano incollati («ArgentinaPrimera Nacional»). Solo spazi, niente colori. */
/* alcuni temi fanno img{display:block} (sass2): icona, bandiera e nomi si impilavano.
   In linea e centrati, qualunque cosa dica il tema alle immagini. */
.tb-lega-h .tb-lega-sport{margin-inline-end:5px;display:inline-block;vertical-align:middle}
.tb-lega-h .tb-lega-sport .ico{display:inline-block;vertical-align:middle}
.tb-lega-h .tb-lega-flag{vertical-align:-2px;margin-inline-end:5px;display:inline-block}
.tb-lega-h .tb-lega-naz{margin-inline-end:7px;opacity:.8}

/* === SUL RIQUADRO STRETTO LA RIGA DIVENTA DUE (da cms_page.css, @container) =============== */
.wdg-palinsesto-table{container-type:inline-size}
@container (max-width:680px){
  .tb-palinsesto,.tb-palinsesto tbody{display:block}
  .tb-palinsesto thead,.tb-palinsesto tr.tb-gruppi,.tb-palinsesto tr.tb-teste{display:none}
  .tb-palinsesto tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 3px;
    padding:7px 4px;border-bottom:1px solid rgba(127,127,127,.22)}
  .tb-palinsesto tr.tb-lega-h{display:block;padding:0}
  .tb-palinsesto tr[hidden],.tb-palinsesto tr.tb-lega-h[hidden]{display:none}
  .tb-palinsesto td{border-bottom:0;padding:0}
  .tb-palinsesto .tb-time{flex:0 0 auto;order:1;text-align:left}
  .tb-palinsesto .tb-ev,.tb-palinsesto .tb-live-cella{flex:1 1 55%;order:2;min-width:0}
  /* la scheda LIVE: squadre e punteggi si prendono la riga intera, le quote vanno tutte
     nella riga sotto — col 55% la prima quota si infilava accanto alle squadre e le
     altre due finivano sotto da sole (confronto col riferimento 24248). */
  .tb-palinsesto .tb-live-cella{flex-basis:100%}
  .tb-palinsesto .tb-more{flex:0 0 auto;order:3}
  .tb-palinsesto .tb-odd{order:4;flex:1 1 28%;min-width:48px;max-width:50%;
    display:flex;flex-direction:column;align-items:stretch;gap:1px}
  .tb-palinsesto .tb-odd::before{content:attr(data-lab);font-size:9px;line-height:1.1;
    text-transform:uppercase;opacity:.7;text-align:center}
  .tb-palinsesto .tb-odd--vai{flex:1 1 100%}
}