/* Squadre — le COPPE (coppe.js): lista Coppe europee (?lista=E), corpo «In Europa» / «Coppa Italia e Supercoppa» con le sue
   sotto-viste, scheda europea. Solo i gettoni del tema (regola madre); i colori delle coppe stanno solo nelle STRISCE. */
:root{ --cp-oro:#c9a227 }

/* ── la lista (dentro la master) ── */
.eu-zero{ margin:0; max-width:80ch }
.eu-link{ background:none; border:0; padding:0; font:inherit; color:var(--inchiostro); text-decoration:underline; text-decoration-color:var(--filetto); text-underline-offset:3px; cursor:pointer }
.eu-scaffale{ margin-top:4px }
.eu-club .chi > span{ display:inline-flex; align-items:baseline; gap:4px }
.eu-club .num small{ max-width:8ch }
#eu-conta{ font:600 var(--c-testo) var(--f-cifre); color:var(--grigio) } #eu-conta b{ font:800 var(--c-evidenza) var(--f-titolo); color:var(--inchiostro) }
.cp-nota-p{ margin:0; font-size:var(--c-testo); line-height:1.5 }

/* ── il corpo ── */
.cp{ display:grid; gap:16px; min-width:0 }
.cp-testa{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; justify-content:space-between }
.cp-h{ margin:0; font:900 var(--c-titolo)/1 var(--f-titolo); text-transform:uppercase }
.cp-tasti{ display:flex; flex-wrap:wrap; gap:8px }
.cp-tasti .tasto,.cp-una .tasto{ font:700 var(--c-testo) var(--f-titolo); text-transform:uppercase; letter-spacing:.02em }
.cp .tasto small{ font:600 var(--c-nota) var(--f-cifre); color:var(--grigio) }
.cp-spiega{ margin:-6px 0 0 }
.cp-riq{ grid-template-columns:repeat(auto-fill,minmax(130px,1fr)) }
.cp-ultima{ margin:0; font-size:var(--c-testo) } .cp-ultima b{ font-weight:700 }
.cp-una{ display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; justify-content:space-between; border-top:1px solid var(--filetto); padding-top:12px }
.cp-una .sc-h4{ border:0; padding:0; font-size:var(--c-testo); color:var(--inchiostro) }
.cp-tab td:first-child small{ font:600 var(--c-nota) var(--f-cifre); color:var(--grigio); text-transform:none; margin-top:2px }
.cp-torna{ margin:0 }
.cp .blocco > h3 small{ font-size:var(--c-nota) }

/* i trofei: la stagione grande, l'avversario e il risultato sotto; il filetto d'oro a sinistra */
.cp-trofei{ gap:12px }
.cp-tr-gruppo{ display:grid; gap:8px }
.cp-tr-gruppo .sc-h4 b{ font:900 var(--c-titoletto)/1 var(--f-titolo); color:var(--inchiostro); margin-right:4px; letter-spacing:0 }
.cp-tr-lista{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:8px }
.cp-tr{ display:grid; gap:3px; align-content:start; text-align:left; border:1px solid var(--filetto); border-left:5px solid var(--cp-oro); background:var(--carta); color:var(--inchiostro); padding:8px 12px; font:inherit; min-width:0 }
a.cp-tr{ text-decoration:none }   /* ★ 09/10: la finale è un link */
button.cp-tr,a.cp-tr{ cursor:pointer } button.cp-tr:hover,button.cp-tr:focus-visible,a.cp-tr:hover,a.cp-tr:focus-visible{ border-color:var(--inchiostro); border-left-color:var(--cp-oro); outline:none; box-shadow:inset 0 -3px 0 var(--inchiostro) }
.cp-tr b{ font:800 var(--c-titoletto)/1 var(--f-titolo) }
.cp-tr small{ font-size:var(--c-nota); color:var(--grigio); line-height:1.35; overflow-wrap:anywhere }
.cp-tr .cp-tab-s{ font:600 var(--c-etichetta) var(--f-cifre); letter-spacing:.06em; text-transform:uppercase; color:var(--grigio) }

/* la timeline: una targhetta per stagione, la striscia dice la coppa */
.cp-tl-lista{ display:flex; flex-wrap:wrap; gap:8px }
.cp-tl{ display:grid; gap:1px; min-width:118px; padding:0 10px 8px; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); text-align:left; cursor:pointer; font:inherit }
.cp-tl::before{ content:''; height:7px; margin:0 -10px 6px; background:var(--c) }
.cp-tl b{ font:800 var(--c-titoletto)/1 var(--f-titolo) }
.cp-tl small{ font:600 var(--c-etichetta)/1.25 var(--f-cifre); color:var(--grigio) } .cp-tl small.t{ color:var(--inchiostro) }
.cp-tl.vinta{ border:2px solid var(--inchiostro) }
.cp-tl:hover,.cp-tl:focus-visible{ border-color:var(--inchiostro); outline:none; box-shadow:inset 0 -3px 0 var(--inchiostro) }
.cp-leg i{ width:16px !important; height:7px !important; vertical-align:2px !important; background:var(--c) !important }

/* le note */
.cp-nota{ max-width:66ch } .cp-nota p{ margin:0 0 12px; font-size:var(--c-evidenza); line-height:1.6 }
.cp-nomi{ list-style:none; margin:0; padding:0; display:grid; gap:8px }
.cp-nomi li{ display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline }
.cp-nomi b{ font:800 var(--c-titoletto)/1.1 var(--f-titolo); text-transform:uppercase } .cp-nomi span{ font:600 var(--c-nota) var(--f-cifre); color:var(--grigio) }
.cp-nomi details{ flex-basis:100%; font-size:var(--c-nota); color:var(--grigio) } .cp-nomi summary{ cursor:pointer } .cp-nomi details p{ margin:6px 0 0; max-width:80ch; line-height:1.45; overflow-wrap:anywhere }
.cp-alias{ display:flex; flex-wrap:wrap; gap:6px }
.cp-alias .chip{ font-size:var(--c-testo); color:var(--inchiostro) }

/* le avversarie per paese */
img.cp-band{ width:26px; height:18px; object-fit:contain; margin-right:8px; vertical-align:-3px }
#p-sq h4 .cp-h4n{ color:var(--inchiostro); margin-left:6px }
.cp-sqnaz{ list-style:none; margin:0; padding:0; display:grid; gap:4px }
.cp-sqnaz li{ display:flex; flex-wrap:wrap; gap:2px 10px; align-items:baseline; border-bottom:1px solid var(--filetto); padding:4px 0 6px 10px; border-left:4px solid var(--filetto) }
.cp-sqnaz li.pos{ border-left-color:var(--inchiostro) } .cp-sqnaz li.neg{ border-left-color:var(--verdetto) }
.cp-sqnaz span{ font:var(--c-nota) var(--f-cifre); color:var(--grigio) }
.cp-link{ background:none; border:0; padding:0; font:inherit; color:var(--inchiostro); cursor:pointer; text-align:left }
.cp-link b{ font-size:var(--c-testo); text-decoration:underline; text-decoration-color:var(--filetto); text-underline-offset:3px }

/* le partite: andata sopra, ritorno sotto; il filetto a sinistra dice com'è finita */
.cp-partite{ list-style:none; margin:0; padding:0; display:grid }
.cp-partite .banda{ padding:16px 0 4px; font:700 var(--c-nota) var(--f-cifre); letter-spacing:.08em; text-transform:uppercase; color:var(--grigio); border-bottom:2px solid var(--inchiostro); scroll-margin-top:140px }
.cp-gara{ display:grid; grid-template-columns:14ch minmax(0,1fr); gap:4px 14px; align-items:center; padding:9px 0 9px 12px; border-bottom:1px solid var(--filetto); border-left:5px solid var(--filetto) }
.cp-gara.e-V{ border-left-color:var(--inchiostro) } .cp-gara.e-N{ border-left-color:var(--grigio) } .cp-gara.e-P{ border-left-color:var(--verdetto) }
.cp-turno{ font:600 var(--c-nota) var(--f-cifre); color:var(--grigio) }
.cp-inc{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; align-items:center; min-width:0 }
.cp-sq{ display:flex; gap:8px; align-items:center; font:400 var(--c-testo)/1.2 var(--f-testo); min-width:0 }
.cp-sq .n{ min-width:0; overflow-wrap:anywhere }
.cp-sq.sx{ justify-content:flex-end; text-align:right }
.cp-sq.noi{ font-weight:800 }
.cp-sq img{ width:26px; height:26px; object-fit:contain; flex:none }
.cp-q{ font-weight:900; color:var(--inchiostro) }
.cp-punti{ display:grid; justify-items:center; gap:1px }
.cp-punti b{ font:800 var(--c-titoletto)/1.1 var(--f-cifre); white-space:nowrap }
.cp-dove{ grid-column:2; font:var(--c-nota)/1.35 var(--f-cifre); color:var(--grigio) }
.cp .legenda-e b{ color:var(--inchiostro) }

/* ── la scheda europea ── */
.cp-pagina{ margin-top:22px }
.sc-nome .st img{ max-width:96px; max-height:96px }

@media (max-width:760px){
  .cp-h{ font-size:var(--c-sottotitolo) }
  .cp-tasti .tasto{ padding:0 12px; font-size:var(--c-testo) }
  .cp-tr-lista{ grid-template-columns:1fr }
  .cp-tl{ min-width:0; flex:1 1 calc(50% - 8px) }
  .cp-gara{ grid-template-columns:minmax(0,1fr); padding-left:10px }
  .cp-dove{ grid-column:1 }
  .cp-inc{ gap:8px }
  .cp-sq{ font-size:var(--c-testo); gap:6px } .cp-sq img{ width:22px; height:22px }
  .cp-punti b{ font-size:var(--c-evidenza) }
  .eu-club .num small{ max-width:7ch }
}
/* ★ 09/10/2026: il punteggio apre il tabellino, la squadra la sua scheda (si vede che si tocca) */
.cp-punti a{ color:inherit; text-decoration:underline; text-decoration-color:var(--filetto); text-underline-offset:3px }
.cp-punti a:hover{ text-decoration-color:var(--inchiostro) }
.cp-sq a.n{ color:inherit; text-decoration:underline; text-decoration-color:var(--filetto); text-underline-offset:3px }
/* ★ 09/10/2026 (Fabio: «nomi delle squadre estere illeggibili»): il titolo della tessera ha tutta la riga accanto allo stemma,
   le note dell'archivio sotto in corpo leggibile, nazione · fondazione · partite nella riga sotto (coppe.js, tessera) */
.eu-club .testa{ grid-template-columns:48px minmax(0,1fr) }
.eu-club .eu-note{ display:block; font:400 var(--c-nota)/1.35 var(--f-testo); color:var(--grigio); margin-top:3px }
.eu-riga{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px }
.eu-riga .chi{ margin-top:0 }