/* ===== COPPA (coppa.php, prefisso cop-): tab Gironi, Calendario, Tabellone, Statistiche =====
   File CARICATO SOLO da coppa.php (dopo stilenew.css): nessuna regola di altre pagine viene toccata e non ci sono dichiarazioni forzate con important. Riusa le classi generiche del sito
   (.card, .card-pad, .sezione-testa, .tab, .tab-full, .tab-scroll, .club, .cal-partite, .cal-riga, .cal-sq, .cal-ris, .cal-ora, .vuoto) e aggiunge solo classi con prefisso cop-.
   Mobile: stessa soglia del resto del sito (max-width:1000px). La tabella dei gironi su mobile segue la tecnica di .cl-tabella (classifica.php): UNA tabella dentro .tab-scroll (overflow-x),
   le prime 2 celle di ogni riga (posizione e squadra) sono sticky con sfondo pieno e i numeri scorrono sotto; colonne a larghezza fissa (table-layout fixed) perche' il "left" della colonna
   della squadra e' la larghezza della colonna precedente. Le variabili --cop-w1 (posizione), --cop-w2 (squadra) e --cop-tot (larghezza minima, somma di tutte le colonne) cambiano per fascia. */

/* ---- tab: menu a pillole (link veri, con js/coppa_tab.js il contenuto cambia sul posto) e pannelli. Il pannello nascosto lo decide l'attributo hidden: la regola esplicita serve perche' una regola display
   sul pannello batterebbe l'hidden del browser (stessa trappola di .sdw-nascosto) ---- */
.cop-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.cop-menu-voce{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--linea);font-family:'Oswald';font-weight:600;font-size:15px;letter-spacing:.6px;text-transform:uppercase;color:var(--notte);white-space:nowrap}
.cop-menu-voce:hover{border-color:var(--blu);color:var(--blu)}
.cop-menu-voce.attiva,.cop-menu-voce.attiva:hover{background:var(--notte);border-color:var(--notte);color:var(--giallo)}
.cop-menu-voce:focus-visible{outline:2px solid var(--notte);outline-offset:2px}
.cop-pannello[hidden]{display:none}
.cop-due{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:24px;align-items:start}
.cop-testa{margin-bottom:0}

/* ---- gironi: tabella ---- */
.cop-tabella th.cop-pos,.cop-tabella td.cop-pos{width:64px;padding-left:22px}
.cop-tabella td.club{padding-left:0}
.cop-tabella td.pts{font-size:18px}
.cop-legenda{margin:16px 0 0;color:#4d5d78;font-size:13px;line-height:1.5}
.cop-legenda p{margin:0 0 8px}
.cop-legenda strong{color:var(--inchiostro)}

/* ---- calendario a turni: il navigatore ha il markup e le classi di calendario.php (giornate-nav, gn-pill, gn-freccia: stile in stilenew.css); qui lo si centra con 5 pillole fisse. Sotto i 1000px il sito
   lo trasforma in una fila flex con --gn-n pillole: il valore 5 e' fissato qui con piu' specificita'. Poi UNA giornata alla volta, con i due gironi affiancati (A a sinistra, B a destra) ---- */
.cop-gn{justify-content:center;margin-bottom:24px}
.cop-gn .giornate-nav{--gn-n:5;flex:0 1 auto;grid-template-columns:repeat(5,56px);gap:8px}
.cop-gn .gn-pill{font-size:17px}
.cop-gn .gn-freccia.gn-fine{opacity:.35;pointer-events:none}
.cop-gg[hidden]{display:none}
.cop-gg-testa{margin-bottom:6px}
.cop-par{margin:0 0 18px 16px;color:#4d5d78;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.cop-gg-due{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cop-gruppo{border-top:4px solid var(--blu)}
.cop-gruppo-b{border-top-color:var(--giallo)}
.cop-gruppo-testa{display:flex;align-items:center;gap:12px;padding:14px 20px 12px;border-bottom:1px solid var(--linea)}
.cop-gruppo-testa h3{font-family:'Oswald';font-weight:700;font-size:20px;letter-spacing:1px;text-transform:uppercase;color:var(--notte)}
.cop-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--blu);color:#fff;font-family:'Oswald';font-weight:700;font-size:22px;line-height:1}
.cop-gruppo-b .cop-badge{background:var(--giallo);color:var(--notte)}
.cop-gruppo .cal-partite{border-top:0}
.cop-riposo{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:2px 20px 18px;padding:10px 14px;border:1px dashed #b9c6dc;border-radius:10px;background:#f4f7fc}
.cop-riposo.mia{border-color:#e0c25a;background:#fff9e6}
.cop-riposo-et{font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muto)}
.cop-riposo-sq{display:flex;align-items:center;gap:10px;min-width:0;font-weight:700;font-size:16px;color:var(--inchiostro)}
.cop-riposo-sq img{flex:none;width:32px;height:32px;object-fit:contain}
.cop-riposo-sq:hover .cop-riposo-nome{color:var(--blu)}

@media (max-width:1000px){
	.cop-menu{margin-bottom:16px;flex-wrap:nowrap}
	.cop-menu-voce{flex:1 1 auto;min-width:0;padding:0 8px;font-size:14px;letter-spacing:.5px}
	.cop-due{grid-template-columns:minmax(0,1fr);gap:16px}
	.cop-testa,.cop-gg-testa{align-items:baseline;gap:4px 12px;flex-wrap:wrap}
	.cop-testa h2,.cop-gg-testa h2{font-size:22px}
	.cop-gg-testa{margin-bottom:4px}
	.cop-par{margin:0 0 14px}
	.cop-gg-due{grid-template-columns:minmax(0,1fr);gap:16px}
	.cop-gruppo-testa{padding:12px 14px 10px}
	.cop-riposo{margin:2px 14px 14px}
	.cop-gn{margin-bottom:18px}

	/* tabella: colonne fisse (46 posizione + 132 squadra + 38 Pt + 4x32 G V N P + 2x36 GF GS + 56 Media = 472px), le prime due ferme e i numeri che scorrono */
	.cop-tabella{--cop-w1:46px;--cop-w2:132px;--cop-tot:472px;table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:var(--cop-tot)}
	.cop-tabella th:nth-child(1){width:var(--cop-w1)}
	.cop-tabella th:nth-child(2){width:var(--cop-w2)}
	.cop-tabella th:nth-child(3){width:38px}
	.cop-tabella th:nth-child(4),.cop-tabella th:nth-child(5),.cop-tabella th:nth-child(6),.cop-tabella th:nth-child(7){width:32px}
	.cop-tabella th:nth-child(8),.cop-tabella th:nth-child(9){width:36px}
	.cop-tabella th:nth-child(10){width:56px}
	.cop-tabella td{border-bottom:1px solid var(--linea)}
	.cop-tabella tbody tr:last-child td{border-bottom:0}
	.cop-tabella th.c,.cop-tabella td.c{padding-left:6px;padding-right:6px;white-space:nowrap}
	.cop-tabella th:nth-child(-n+2),.cop-tabella td:nth-child(-n+2){position:sticky;z-index:2;background:#fff}
	.cop-tabella th:nth-child(-n+2){z-index:3}
	.cop-tabella th:nth-child(1),.cop-tabella td:nth-child(1){left:0}
	.cop-tabella th:nth-child(2),.cop-tabella td:nth-child(2){left:var(--cop-w1)}
	.cop-tabella tr.mia-riga td:nth-child(-n+2){background:#fff9e6}
	.cop-tabella tr:hover td:nth-child(-n+2){background:#f4f7fc}
	.cop-tabella tr.mia-riga:hover td:nth-child(-n+2){background:#fff4d1}
	/* posizione: 46px in tutto (10 di margine, badge da 28, 8 di respiro) */
	.cop-tabella th.cop-pos,.cop-tabella td.cop-pos{width:auto;padding:7px 0 7px 10px}
	/* squadra: leggibilita' prima di tutto (16px in grassetto, a capo per parole intere se serve, mai ellissi); filo e ombra a destra tra la parte ferma e quella che scorre */
	.cop-tabella td.club{padding:7px 8px 7px 6px;font-size:16px;white-space:normal;overflow-wrap:break-word}
	.cop-tabella th:nth-child(2){padding-left:6px}
	.cop-tabella th:nth-child(2),.cop-tabella td:nth-child(2){border-right:1px solid var(--linea);box-shadow:6px 0 8px -6px rgba(8,20,40,.25)}
	.cop-tabella .club img{display:none}
	.cop-tabella .club .cell{gap:0}
	.cop-legenda{margin-top:12px}
}
@media (max-width:420px){
	.cop-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.cop-menu-voce{font-size:15px;letter-spacing:.6px}
	/* navigatore del calendario: frecce e distanze piu' piccole, cosi' le 5 pillole restano sopra i 32px anche a 320px (misurato in prove/prove_P5.py) */
	.cop-gn{gap:8px}
	.cop-gn .gn-freccia{width:32px;height:32px;font-size:16px}
}
@media (min-width:700px) and (max-width:1000px){
	.cop-tabella{--cop-w2:170px;--cop-tot:510px}
	.cop-tabella .club img{display:block;width:30px;height:30px;margin-right:0}
	.cop-tabella .club .cell{gap:8px}
}

/* ===== BLOCCO D: classifica vera dei gironi (solo regole cop-, in coda) ===== */
.cop-tabella tr.cop-passa td:first-child{box-shadow:inset 3px 0 0 var(--blu)}
.cop-tabella tr.cop-taglio td{border-bottom:2px solid var(--blu)}
.cop-sort{margin-left:6px;padding:0 5px;border-radius:3px;background:#eef2f9;color:#4d5d78;font-family:'Oswald';font-weight:500;font-size:11px;letter-spacing:.5px;white-space:nowrap}
.cop-pari{margin-left:4px;color:#b3261e;font-weight:700}
.cop-pari-nota{color:#b3261e}
.cop-pari-nota strong{color:#b3261e}

/* ===== TABELLONE a eliminazione (bracket) e TROFEO ===== */
/* UNA griglia sola: intestazione + 4 righe uguali (repeat(4,1fr)) per 4 colonne (quarti, semifinali, finale, trofeo). Le semifinali occupano 2 righe e la finale 4, quindi stanno esattamente al centro di
   quello che le alimenta, qualunque sia l'altezza delle schede (le righe hanno tutte l'altezza della scheda piu' alta). Le schede sono centrate nella loro cella; i trattini dei collegamenti sono
   pseudo-elementi delle celle (con --br-gap = spazio fra le colonne). L'ordine nel documento e' colonna per colonna: sotto i 1000px la griglia diventa una pila e si legge giusta. */
.cop-br{--br-gap:36px;--br-col:#c3cfe2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.85fr);grid-template-rows:auto repeat(4,1fr);column-gap:var(--br-gap);row-gap:0}
.cop-br-ct{margin:0 0 8px;font-family:'Oswald';font-weight:600;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blu)}
.cop-br-h1{grid-column:1;grid-row:1}
.cop-br-h2{grid-column:2;grid-row:1}
.cop-br-h3{grid-column:3;grid-row:1}
.cop-br-c{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:7px 0}
.cop-br-p1{grid-column:1;grid-row:2}
.cop-br-p2{grid-column:1;grid-row:3}
.cop-br-p3{grid-column:1;grid-row:4}
.cop-br-p4{grid-column:1;grid-row:5}
.cop-br-s1{grid-column:2;grid-row:2 / span 2}
.cop-br-s2{grid-column:2;grid-row:4 / span 2}
.cop-br-f{grid-column:3;grid-row:2 / span 4}
.cop-br-t{grid-column:4;grid-row:2 / span 4}
/* collegamenti: trattino a destra di ogni quarto e semifinale (dal centro della scheda), barra verticale fra i due che si incontrano (meta' bassa della cella di sopra, meta' alta di quella di sotto),
   trattino a sinistra della semifinale e della finale (span cop-br-in) */
.cop-br-p1::after,.cop-br-p2::after,.cop-br-p3::after,.cop-br-p4::after,.cop-br-s1::after,.cop-br-s2::after{content:"";position:absolute;left:100%;top:50%;width:calc(var(--br-gap) / 2);height:0;margin-top:-1px;border-top:2px solid var(--br-col)}
.cop-br-p1::before,.cop-br-p3::before,.cop-br-s1::before{content:"";position:absolute;left:calc(100% + var(--br-gap) / 2 - 2px);top:50%;bottom:0;border-left:2px solid var(--br-col)}
.cop-br-p2::before,.cop-br-p4::before,.cop-br-s2::before{content:"";position:absolute;left:calc(100% + var(--br-gap) / 2 - 2px);top:0;bottom:50%;border-left:2px solid var(--br-col)}
.cop-br-in{position:absolute;left:calc(var(--br-gap) / -2);top:50%;width:calc(var(--br-gap) / 2);height:0;margin-top:-1px;border-top:2px solid var(--br-col)}
/* schede */
.cop-tab-p{padding:10px 14px 12px}
.cop-tab-t{margin-bottom:6px}
.cop-tab-data{color:#4d5d78;font-size:12px}
.cop-tab-riga{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;border-top:1px solid var(--linea)}
.cop-tab-sq{display:flex;align-items:center;gap:8px;min-width:0}
.cop-tab-sq img{width:26px;height:26px;flex:0 0 26px}
.cop-tab-tx{min-width:0;line-height:1.25}
.cop-tab-nm{font-weight:700;overflow-wrap:break-word}
.cop-tab-seed{display:inline-block;margin-left:4px;color:#4d5d78;font-size:11px;white-space:nowrap}
.cop-tab-posto{color:#7a89a3;font-style:italic}
.cop-tab-gol{font-family:'Oswald';font-weight:600;font-size:18px;min-width:18px;text-align:right}
.cop-tab-vince{background:#f3f7fc}
.cop-tab-vince .cop-tab-nm,.cop-tab-vince .cop-tab-gol{color:var(--inchiostro)}
.cop-tab-nota{margin-top:6px;color:#b3261e;font-size:12px}
.cop-tab-link{display:inline-block;margin-top:6px;font-size:12px}
/* trofeo: la coppa con il vincitore e il secondo classificato; grigio finche' la finale non e' decisa */
.cop-trofeo{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 12px 20px;text-align:center}
.cop-trofeo-svg{flex:none;width:64px;height:72px}
.cop-trofeo-attesa .cop-trofeo-svg{filter:grayscale(1);opacity:.45}
.cop-trofeo-et{display:block;font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muto)}
.cop-trofeo-v,.cop-trofeo-s{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:stretch;min-width:0}
.cop-trofeo-v{padding-top:12px;border-top:3px solid var(--giallo)}
.cop-trofeo-s{padding-top:10px;border-top:1px solid var(--linea)}
.cop-trofeo-sq{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.cop-trofeo-sq img{object-fit:contain}
.cop-trofeo-v .cop-trofeo-sq img{width:56px;height:56px}
.cop-trofeo-s .cop-trofeo-sq img{width:40px;height:40px}
.cop-trofeo-nome{overflow-wrap:break-word;max-width:100%}
.cop-trofeo-v .cop-trofeo-nome{font-family:'Oswald';font-weight:700;font-size:20px;line-height:1.15;text-transform:uppercase;color:var(--notte)}
.cop-trofeo-s .cop-trofeo-nome{font-weight:700;font-size:15px;line-height:1.2}
.cop-trofeo-sq:hover .cop-trofeo-nome{color:var(--blu)}
.cop-trofeo-nd{color:var(--muto);font-style:italic;font-size:14px}
.cop-trofeo-nota{color:#b3261e;font-size:14px;font-weight:700;line-height:1.35}
@media (max-width:1200px){
	.cop-br{--br-gap:28px}
}
@media (max-width:1000px){
	.cop-br{display:block}
	.cop-br-ct{margin:22px 0 10px}
	.cop-br-h1{margin-top:0}
	.cop-br-c{padding:0 0 12px}
	.cop-br-c::before,.cop-br-c::after,.cop-br-in{display:none}
	.cop-tab-p{padding:10px 12px 12px}
	.cop-br-t{padding-top:8px}
	.cop-trofeo{max-width:340px;margin:0 auto}
}

/* ===== STATISTICHE della coppa (S2): markup e classi di marcatori.php (marc-preview-*, stc-*, fmd-*: css/stilenew.css e css/fantamedia.css, caricati dalla pagina); qui solo cio' che manca ===== */
/* la riga di Top/Flop senza la colonna del confronto con la stagione scorsa: 7 colonne invece di 8, SOLO sopra i 1000px (sotto la griglia a due righe di fantamedia.css lascia vuota l'area del confronto) */
@media (min-width:1001px){
	.cop-st .fmd-testa,.cop-st .fmd-riga{grid-template-columns:34px 42px minmax(150px,1.7fr) 50px 78px 46px 46px}
	.cop-st .fmd-riga{grid-template-areas:"pos foto chi pres media gol ass"}
}
#cop-st-contenuto[aria-busy="true"]{opacity:.55;transition:opacity .15s}