/* =====================================================================
   dossier.net - sezione Mondiali France 98
   Foglio di stile unificato (ex home.css + ex home_mondiali.css)
   Tutte le regole sono racchiuse sotto .mondiali-wrap per non
   interferire con l'intestazione, il menu e il piede di pagina
   standard di dossier.net.
   ===================================================================== */

/* --- Tipografia di base (ex home.css + ex home_mondiali.css) --- */
.mondiali-wrap {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 1.5em;}
.mondiali-wrap b, .mondiali-wrap strong {font-weight: bold;}
.mondiali-wrap p {margin: 0 0 10px;}
.mondiali-wrap a {color: #0000CC; text-decoration: none;}
.mondiali-wrap a:visited {color: #660099;}
.mondiali-wrap a:hover {color: #000000; text-decoration: none; background-color: #FFDD00;}
.mondiali-wrap i {font-size: 20px; font-style: italic;}
.mondiali-wrap big {font-size: 16px;}
.mondiali-wrap td, .mondiali-wrap th {font-size: 14px;}
.mondiali-wrap th {font-weight: bold;}
.mondiali-wrap ul, .mondiali-wrap li {font-size: 14px;}
.mondiali-wrap img {border: 0; max-width: 100%; height: auto;}
.mondiali-wrap form {margin-bottom: 0;}

/* --- Titolo delle pagine della sezione (nome classe invariato: usato
       cosi' nell'HTML di 28 pagine esistenti) --- */
.mondiali-wrap .titolo_mondiali {font-size: 24px;}

/* --- Logo "FRANCE 98" della home page --- */
.mondiali-wrap .mondiali-logo {margin: 20px auto 30px; font-size: 44px; font-weight: bold; color: #000080;}
.mondiali-wrap .mondiali-logo-rosso {color: #ff0000;}

/* --- Contenitore principale della sezione: stessa larghezza massima
       della testata blu dell'intestazione (.spazio, 970px) --- */
.mondiali-wrap .mondiali-shell {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 970px;
  margin: 10px auto 0;
  border: 1px solid #666666;
  box-sizing: border-box;
}

/* --- Colonna menu laterale (ex #menu-mondiali), ora pulsanti in stile
       3D impilati verticalmente --- */
.mondiali-wrap .mondiali-menu {
  flex: 0 0 180px;
  max-width: 180px;
  box-sizing: border-box;
  padding: 20px 10px;
  background: url("img/prato.png") repeat;
}
.mondiali-wrap #menu-mondiali {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px;}
.mondiali-wrap #menu-mondiali li {margin: 0;}
.mondiali-wrap #menu-mondiali a {
  display: block;
  padding: 5px 8px;
  text-align: center;
  font-weight: bold;
  color: #003366;
  background: #ffec8b;
  background: linear-gradient(to bottom, #fff5c2 0%, #ffec8b 50%, #ffdd55 100%);
  border: 1px solid #cc9900;
  border-radius: 4px;
  box-shadow: 0 3px 0 #b8860b, inset 0 1px 0 rgba(255,255,255,0.6);
  text-decoration: none;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap #menu-mondiali a:visited {color: #003366;}
.mondiali-wrap #menu-mondiali a:hover {
  color: #003366;
  background: linear-gradient(to bottom, #ffdd55 0%, #ffec8b 50%, #fff5c2 100%);
  transform: translateY(1px);
  box-shadow: 0 2px 0 #b8860b, inset 0 1px 0 rgba(255,255,255,0.6);
}
.mondiali-wrap #menu-mondiali a:active {
  transform: translateY(3px);
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);
}

/* --- Colonna contenuto --- */
.mondiali-wrap .mondiali-content {
  flex: 1 1 0%;
  min-width: 0;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}

/* --- Piccole utility riprese dal vecchio foglio di stile --- */
.mondiali-wrap #risultati {text-align: left;}

/* --- Tabelle di dati (albo d'oro, classifiche, calendari, ecc.):
       valori brevi, non vanno mai a capo --- */
.mondiali-wrap .mondiali-scroll {width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.mondiali-wrap .mondiali-tab {background: #ffffff; border-collapse: collapse; border: 1px solid #666666; margin: 10px auto; white-space: nowrap;}
.mondiali-wrap .mondiali-tab tr:nth-child(even) {background: #eeeeee;}
.mondiali-wrap .mondiali-tab td, .mondiali-wrap .mondiali-tab th {padding: 4px 6px; border: 1px solid #666666; white-space: nowrap;}

/* --- Tabelle di elenco (falli, gol, marcatori, arbitri, calendario,
       risultati, ecc.): larghezza piena del contenitore fino a 700px,
       testo a capo se serve --- */
.mondiali-wrap .mondiali-lista {width: 100%; max-width: 700px;}
.mondiali-wrap .mondiali-lista td, .mondiali-wrap .mondiali-lista th {white-space: normal;}
.mondiali-wrap .mondiali-fissa {table-layout: fixed; min-width: 560px;}

/* --- Giallo tenue al posto del giallo marcato #ffdd00 nelle celle in linea
       delle pagine falli e gol (tabelle con meno di 7 colonne: le tabelle
       dei marcatori, a 7 colonne, restano invariate) --- */
.mondiali-wrap .mondiali-lista:not(:has(th:nth-child(7), td:nth-child(7))) [style*="ffdd00" i] {background: #fff2a8 !important;}

/* --- Pagina girone (risultati/classifica/legenda/ammonizioni): stessa
       larghezza per tutte le tabelle, cosi' restano allineate --- */
.mondiali-wrap .mondiali-girone .mondiali-tab,
.mondiali-wrap .mondiali-girone .mondiali-legenda {width: 100%; max-width: 500px;}

/* --- Classifica gironi: le colonne "totale" (Pts, P, +/-) restano
       evidenziate per distinguerle a colpo d'occhio dalle colonne di
       dettaglio (W/D/L/Gf/Ga); colonna TEAMS sempre dello stesso colore --- */
.mondiali-wrap .mondiali-classifica th, .mondiali-wrap .mondiali-classifica td {background: #e8f7f7;}
.mondiali-wrap .mondiali-classifica th:first-child, .mondiali-wrap .mondiali-classifica td:first-child {text-align: left;}
.mondiali-wrap .mondiali-classifica th:nth-child(2), .mondiali-wrap .mondiali-classifica td:nth-child(2),
.mondiali-wrap .mondiali-classifica th:nth-child(3), .mondiali-wrap .mondiali-classifica td:nth-child(3),
.mondiali-wrap .mondiali-classifica th:last-child, .mondiali-wrap .mondiali-classifica td:last-child {background: #fdf1c4;}

/* --- Ammonizioni ed espulsioni: sfondo dorato tenue come nell'originale --- */
.mondiali-wrap .mondiali-ammonizioni tr:nth-child(even) {background: #fdf1c4;}
.mondiali-wrap .mondiali-ammonizioni td, .mondiali-wrap .mondiali-ammonizioni th {background: #fdf1c4;}
.mondiali-wrap .mondiali-legenda {margin: 20px auto 0; border-collapse: collapse; background: #ffffff; border: 1px solid #666666;}
.mondiali-wrap .mondiali-legenda th, .mondiali-wrap .mondiali-legenda td {border: 1px solid #666666; background: #ffffff; padding: 6px 10px;}
.mondiali-wrap .mondiali-legenda th {font-weight: normal; white-space: normal;}
.mondiali-wrap .mondiali-legenda-titolo {background: #ffffff; color: #0000ff; font-weight: bold; text-align: center; font-size: 14px; caption-side: top; padding: 8px; border-bottom: 1px solid #666666;}

/* --- Riquadri di puro testo (regolamento, storia, schede): il testo
       deve andare a capo normalmente e restare allineato a sinistra,
       qui non c'entra nulla lo scroll orizzontale --- */
.mondiali-wrap .mondiali-box {width: 100%; max-width: 700px; margin: 10px auto; border-collapse: collapse; border: 1px solid #888888; background: #ffffff; text-align: left;}
.mondiali-wrap .mondiali-box td, .mondiali-wrap .mondiali-box th {padding: 8px; white-space: normal; text-align: left;}
.mondiali-wrap .mondiali-box ul {margin: 0; padding-left: 20px;}
.mondiali-wrap .mondiali-box li {margin-bottom: 10px;}

/* --- Testo/evidenza della squadra vincitrice (era rosso acceso,
       si confondeva con i link): rosso scuro --- */
.mondiali-wrap .mondiali-finale {color: #8b0000;}

/* --- Pagina "Risultati finali": indice + podio in alto, partite sotto --- */
.mondiali-wrap .mondiali-risultati-top {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 10px;}
.mondiali-wrap .mondiali-risultati-top .mondiali-indice {margin: 0;}
.mondiali-wrap .mondiali-podio {list-style: none; margin: 0; padding: 0; width: 220px; text-align: left;}
.mondiali-wrap .mondiali-podio li {margin-bottom: 2px; background: #ffffff; border: 1px solid #dddddd;}
.mondiali-wrap .mondiali-podio a {display: flex; align-items: center; gap: 8px; padding: 4px 8px;}
.mondiali-wrap .mondiali-podio img {flex-shrink: 0;}
.mondiali-wrap .mondiali-sottotitolo {color: #0000ff; font-size: 16px; font-weight: bold; text-align: center; margin: 20px 0 4px;}

/* --- Pulsante di dettaglio partita (sostituisce l'icona "click") --- */
.mondiali-wrap .mondiali-dettaglio {
  display: inline-block;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #0a58ca;
  border: 1px solid #084298;
  border-radius: 4px;
  box-shadow: 0 2px 0 #084298, inset 0 1px 0 rgba(255,255,255,0.3);
  white-space: nowrap;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-dettaglio:hover {color: #ffffff; background-color: #0b5ed7; transform: translateY(1px); box-shadow: 0 1px 0 #084298, inset 0 1px 0 rgba(255,255,255,0.3);}
.mondiali-wrap .mondiali-dettaglio:visited {color: #ffffff;}
.mondiali-wrap .mondiali-dettaglio:active {transform: translateY(2px); box-shadow: inset 0 1px 3px rgba(0,0,0,0.35);}

/* --- Scheda squadra --- */
.mondiali-wrap .mondiali-team-header {display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 10px 0 20px;}
.mondiali-wrap .mondiali-team-header .nome {font-size: 20px; font-weight: bold;}
.mondiali-wrap .mondiali-team-header .federazione {display: block; font-size: 16px; margin-top: 4px; font-weight: normal;}

.mondiali-wrap .mondiali-team-info {list-style: none; margin: 16px auto; padding: 0; max-width: 500px; text-align: left;}
.mondiali-wrap .mondiali-team-info li {margin-bottom: 6px;}
.mondiali-wrap .mondiali-team-info img {margin-right: 8px; vertical-align: middle;}

.mondiali-wrap .mondiali-team-matches {display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 20px 0;}
.mondiali-wrap .mondiali-team-matches .mondiali-tab {margin: 10px 0 0;}

.mondiali-wrap .mondiali-team-box {background: #E6E6E6; border: 1px solid #888888; margin: 16px auto; max-width: 700px; text-align: left;}
.mondiali-wrap .mondiali-team-box .mondiali-box-titolo {background: #ffffff; padding: 6px 10px; font-weight: bold; border-bottom: 1px solid #888888;}
.mondiali-wrap .mondiali-team-box .mondiali-box-corpo {padding: 10px;}
.mondiali-wrap .mondiali-team-box ul {margin: 6px 0; padding-left: 20px;}

.mondiali-wrap .mondiali-coach {text-align: center; margin: 20px 0 10px; font-size: 16px;}

.mondiali-wrap .mondiali-roster {background: #ffffff; width: 100%; max-width: 700px; margin: 16px auto; border-collapse: collapse; border: 1px solid #888888;}
.mondiali-wrap .mondiali-roster caption {background: #FFDD00; padding: 6px; font-weight: bold; text-align: center; caption-side: top;}
.mondiali-wrap .mondiali-roster th {background: #ececec; padding: 4px 8px; border: 1px solid #cccccc; font-weight: bold;}
.mondiali-wrap .mondiali-roster td {padding: 4px 8px; border: 1px solid #cccccc;}

.mondiali-wrap .mondiali-analysis {background: #FFFFEE; border: 1px solid #888888; padding: 16px; margin: 20px auto; max-width: 700px; text-align: left;}

/* --- Pagine storia per periodo: banner anno-sede-vincitore, badge
       posizione (1deg/3deg posto) --- */
.mondiali-wrap .mondiali-anno {background: #000099; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; padding: 6px; margin: 20px auto 0; max-width: 500px; border-radius: 3px; box-sizing: border-box;}
.mondiali-wrap .mondiali-anno b {color: #ffff00;}
.mondiali-wrap .mondiali-anno .mondiali-finale {color: #ffff00; background: transparent;}
.mondiali-wrap .mondiali-badge {background: #fdf1c4 !important;}
.mondiali-wrap .mondiali-storia .mondiali-tab {width: 100%; max-width: 500px;}
.mondiali-wrap .mondiali-storia .mondiali-tab, .mondiali-wrap .mondiali-storia .mondiali-tab td, .mondiali-wrap .mondiali-storia .mondiali-tab th {white-space: normal;}
.mondiali-wrap .mondiali-storia .mondiali-tab tr[style*="CCFFFF"] {background: #e8f7f7 !important;}

/* --- Pagine partita (prima fase, seconda fase): stessa larghezza per
       tutte le tabelle, pre delle formazioni scorrevole --- */
.mondiali-wrap .mondiali-partita .mondiali-tab {width: 100%; max-width: 500px;}
.mondiali-wrap .mondiali-partita .mondiali-tab td, .mondiali-wrap .mondiali-partita .mondiali-tab th {white-space: normal; word-break: break-word;}
.mondiali-wrap .mondiali-partita pre {margin: 0; max-width: 233px; font-family: "Courier New", monospace; font-size: 13px; white-space: pre; overflow-x: auto;}
.mondiali-wrap .mondiali-spettatori {text-align: center; margin: 16px 0;}

/* --- Pagine "punti squadre" (storico 1930-1998): tabella densa a 11
       colonne, resta larga e leggibile invece di forzare 500px --- */
.mondiali-wrap .mondiali-partita .mondiali-punti {max-width: 700px; width: 100%; white-space: nowrap; margin: 14px auto;}
.mondiali-wrap .mondiali-partita .mondiali-punti td, .mondiali-wrap .mondiali-partita .mondiali-punti th {white-space: nowrap; word-break: normal;}
.mondiali-wrap .mondiali-partita .mondiali-punti th[style*="BEECED"], .mondiali-wrap .mondiali-partita .mondiali-punti th[style*="beeced"] {background: #eaf7f8 !important;}
.mondiali-wrap .mondiali-partita .mondiali-punti th[style*="FFFFA0"], .mondiali-wrap .mondiali-partita .mondiali-punti th[style*="ffffa0"] {background: #fdf9e3 !important;}

/* --- Legenda delle pagine "punti squadre": stessa larghezza delle
       tabelle sopra, bordo scuro su ogni cella, più staccata dal
       titolo e dalla tabella successiva --- */
.mondiali-wrap .mondiali-partita .mondiali-legenda-punti {max-width: 700px; width: 100%; border-collapse: collapse; margin: 14px auto;}
.mondiali-wrap .mondiali-partita .mondiali-legenda-punti td, .mondiali-wrap .mondiali-partita .mondiali-legenda-punti th {border: 1px solid #666666; white-space: normal;}
.mondiali-wrap .mondiali-partita .mondiali-legenda-punti td[style*="FFFFA0"] {background: #fdf9e3 !important;}
.mondiali-wrap .mondiali-partita .mondiali-legenda-punti td[style*="BEECED"] {background: #eaf7f8 !important;}

/* --- Pagine confederazioni (preconfe): stemma + nome + indirizzo,
       poi le tabelle dei gironi di qualificazione --- */
.mondiali-wrap .mondiali-conf-header {display: flex; align-items: center; justify-content: center; gap: 16px; margin: 10px 0;}
.mondiali-wrap .mondiali-conf-header img {border: 1px solid #444444;}
.mondiali-wrap .mondiali-conf-nome {font-size: 18px; font-weight: bold; text-transform: uppercase; max-width: 400px;}
.mondiali-wrap .mondiali-conf-info {text-align: center; margin: 0 0 20px;}
.mondiali-wrap .mondiali-gruppo-confe {max-width: 500px; width: 100%; margin: 14px auto;}
.mondiali-wrap .mondiali-gruppo-confe th {background: #003399; color: #ffffff;}
.mondiali-wrap .mondiali-gruppo-confe tr:nth-child(2) td {background: #fdf1c4;}
.mondiali-wrap .mondiali-partita .mondiali-legenda-confe {max-width: 500px;}

/* --- Pagine notizie: elenco notizie del giorno + navigazione date --- */
.mondiali-wrap .mondiali-news {max-width: 700px; margin: 20px auto; text-align: left;}
.mondiali-wrap .mondiali-news-item {margin-bottom: 24px;}
.mondiali-wrap .mondiali-news-item b {display: block; font-size: 16px; color: #000080; margin-bottom: 6px;}
.mondiali-wrap .mondiali-news-spunta {margin-right: 8px; vertical-align: middle;}
.mondiali-wrap .mondiali-news-item p {margin: 0;}
.mondiali-wrap .mondiali-news-nav {max-width: 700px; margin: 20px auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px;}
.mondiali-wrap .mondiali-news-nav a {
  display: inline-block;
  padding: 4px 10px;
  background: #eeeeee;
  border: 1px solid #666666;
  border-radius: 3px;
  box-shadow: 0 2px 0 #999999, inset 0 1px 0 #ffffff;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-news-nav a:hover {background: #444444; color: #FFCC00; transform: translateY(1px); box-shadow: 0 1px 0 #999999, inset 0 1px 0 rgba(255,255,255,0.3);}

/* --- Finestre popup (legenda, abbreviazioni squadre) --- */
.mondiali-popup {padding: 16px; box-sizing: border-box; text-align: center;}
.mondiali-popup table {width: 100%; max-width: 100%; box-sizing: border-box;}

/* --- Popup legenda/abbreviazioni: lista semplice, una voce per riga,
       allineata a sinistra (non piu' a coppie in una card) --- */
.mondiali-wrap .mondiali-lista-popup {border-collapse: collapse; margin: 0 auto; width: 100%; max-width: 100%; white-space: normal;}
.mondiali-wrap .mondiali-lista-popup td, .mondiali-wrap .mondiali-lista-popup th {
  display: table-cell;
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid #dddddd;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
.mondiali-wrap .mondiali-lista-popup tr:nth-child(even) td {background: #f7f7f7;}
.mondiali-wrap .mondiali-lista-popup tr:last-child td, .mondiali-wrap .mondiali-lista-popup tr:last-child th {border-bottom: 1px solid #666666;}
.mondiali-wrap .mondiali-lista-popup th:first-child {white-space: nowrap; width: 1%;}

/* --- Abbreviazioni squadre: griglia vera, piu' colonne quando c'e'
       spazio, una sola colonna quando si restringe --- */
.mondiali-wrap .mondiali-popup-titolo {background: #ffffff; color: #0000ff; font-weight: bold; text-align: center; font-size: 14px; padding: 8px; border: 1px solid #666666; border-bottom: 1px solid #666666; margin: 0 0 -1px;}
.mondiali-wrap .mondiali-grid-lista {display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border: 1px solid #666666; border-top: none; text-align: left;}
.mondiali-wrap .mondiali-grid-lista div {padding: 6px 8px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}

/* --- Pagine degli stadi (Bordeaux, Lens, ecc.): foto+info a sinistra,
       calendario incontri a destra, elenco altre citta' in fondo --- */
.mondiali-wrap .mondiali-stadio-info {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: flex-start; margin: 30px 0 10px;}
.mondiali-wrap .mondiali-stadio-info > div:first-child {flex: 0 0 280px;}
.mondiali-wrap .mondiali-stadio-info > div:last-child {flex: 1 1 320px; min-width: 0;}
.mondiali-wrap .mondiali-stadio-info img {display: block; margin-bottom: 6px;}
.mondiali-wrap .mondiali-stadio-info .mondiali-tab {margin-top: 0;}

/* --- Elenco "altre citta'" in fondo alle pagine stadio: sono sempre
       9 pulsanti, quindi griglia fissa 3x3 (anche su desktop) con
       pulsanti larghi --- */
.mondiali-wrap .mondiali-stadio-altre {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-width: 600px;
  margin: 10px auto 0;
  list-style: none;
  padding: 0;
}
.mondiali-wrap .mondiali-stadio-altre a {
  display: block;
  text-align: center;
  padding: 6px 8px;
  background: #eeeeee;
  border: 1px solid #666666;
  border-radius: 3px;
  box-shadow: 0 2px 0 #999999, inset 0 1px 0 #ffffff;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-stadio-altre a:hover {background: #444444; color: #FFCC00; transform: translateY(1px); box-shadow: 0 1px 0 #999999, inset 0 1px 0 rgba(255,255,255,0.3);}
.mondiali-wrap .mondiali-riassuntiva {width: 100%; max-width: 100%;}
.mondiali-wrap .mondiali-riassuntiva td, .mondiali-wrap .mondiali-riassuntiva th {white-space: normal;}
.mondiali-wrap .mondiali-riassuntiva td.mondiali-squadra-nome {white-space: nowrap;}
.mondiali-wrap .mondiali-squadra-nome {font-weight: bold; white-space: nowrap;}
.mondiali-wrap .mondiali-data-cell {background: #fdf1c4 !important;}
.mondiali-wrap .mondiali-squadra-cell {background: #003399 !important; color: #ffffff !important; font-weight: bold;}
.mondiali-wrap .mondiali-girone-tab {width: 100%; max-width: 700px;}

/* --- Pagine di fase (ottavi, quarti, semifinali, finali): mascotte
       accanto al titolo, tabella risultati e nota alla stessa
       larghezza, senza box vuoti quando la nota non esiste --- */
.mondiali-wrap .mondiali-fase-header {display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 16px;}
.mondiali-wrap .mondiali-fase-box {max-width: 700px; width: 100%; box-sizing: border-box;}
.mondiali-popup .mondiali-legenda-punti {max-width: 460px;}
.mondiali-popup-chiudi {margin-top: 20px;}
.mondiali-avviso {max-width: 600px; margin: 0 auto; text-align: left; border: 2px ridge #ffdd00; padding: 20px; background: #ffffff;}
.mondiali-avviso-titolo {text-align: center; color: #0000ff; font-weight: bold; margin-bottom: 14px;}

/* --- Pagina "ultime 50 partite": pulsanti che aprono le finestre
       popup legenda/abbreviazioni, al posto dei link javascript --- */
.mondiali-wrap .mondiali-lastgames {white-space: nowrap;}
.mondiali-wrap .mondiali-lastgames .mondiali-legenda-btn {
  font: inherit;
  color: #0000CC;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}
.mondiali-wrap .mondiali-lastgames .mondiali-legenda-btn:hover {color: #000000; background-color: #FFDD00;}

/* --- Popup legenda/abbreviazioni: colori di riga molto tenui,
       diventano card impilate invece di scorrere in orizzontale
       sotto una certa larghezza (sono vere finestre modali) --- */
.mondiali-wrap .mondiali-grid-popup tr:nth-child(even) {background: #f7f7f7;}
.mondiali-wrap .mondiali-grid-popup tr:nth-child(odd) {background: #ffffff;}
.mondiali-wrap .mondiali-grid-popup th, .mondiali-wrap .mondiali-grid-popup td {background: transparent;}

.mondiali-wrap .mondiali-grid-popup, .mondiali-wrap .mondiali-grid-popup tbody {display: block; width: 100%;}
.mondiali-wrap .mondiali-grid-popup tr {display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 4px; padding: 2px; background: #ffffff !important;}
.mondiali-wrap .mondiali-grid-popup tr:first-child {border: none; margin-bottom: 0; padding: 0;}
.mondiali-wrap .mondiali-grid-popup th, .mondiali-wrap .mondiali-grid-popup td {display: block; box-sizing: border-box; flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; border: none; padding: 4px 6px; line-height: 1.3; white-space: normal; overflow-wrap: break-word; word-break: break-word;}

/* --- Pagina "Gli stadi": mappa cliccabile della Francia + elenco sedi --- */
.mondiali-wrap .mondiali-stadi {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 14px;}
.mondiali-wrap .mondiali-mappa-scroll {overflow-x: auto; max-width: 100%;}
.mondiali-wrap .mondiali-elenco-stadi {list-style: none; margin: 0; padding: 0; width: 130px;}
.mondiali-wrap .mondiali-elenco-stadi li {margin-bottom: 4px;}
.mondiali-wrap .mondiali-elenco-stadi a {
  display: block;
  padding: 4px 6px;
  background: #f2f2f2;
  color: #0000CC;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 2px 0 #bbbbbb, inset 0 1px 0 #ffffff;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-elenco-stadi a:hover {
  background: #444444;
  color: #FFCC00;
  transform: translateY(1px);
  box-shadow: 0 1px 0 #bbbbbb, inset 0 1px 0 rgba(255,255,255,0.3);
}
.mondiali-wrap .mondiali-elenco-stadi a:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.35);
}

@media only screen and (max-width: 600px) {
  .mondiali-wrap .mondiali-elenco-stadi {width: 100%; max-width: 360px; display: flex; flex-wrap: wrap; gap: 6px;}
  .mondiali-wrap .mondiali-elenco-stadi li {flex: 1 1 30%; margin-bottom: 0;}
  .mondiali-wrap .mondiali-elenco-stadi a {text-align: center;}
}

/* --- Griglia delle squadre partecipanti --- */
.mondiali-wrap .mondiali-griglia-squadre {
  list-style: none;
  margin: 10px auto;
  padding: 0;
  max-width: 700px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.mondiali-wrap .mondiali-griglia-squadre a {
  display: block;
  padding: 8px 4px;
  text-align: center;
  background: #008000;
  color: #ffff00;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 0 2px 0 #005000, inset 0 1px 0 rgba(255,255,255,0.3);
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-griglia-squadre a:hover {
  background: #009900;
  color: #ffff00;
  transform: translateY(1px);
  box-shadow: 0 1px 0 #005000, inset 0 1px 0 rgba(255,255,255,0.3);
}
.mondiali-wrap .mondiali-griglia-squadre.mondiali-col5 {grid-template-columns: repeat(5, 1fr);}
.mondiali-wrap .mondiali-griglia-squadre a:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.35);
}

/* --- Elenco di link con icona documento/cartella --- */
.mondiali-wrap .mondiali-link-doc {list-style: none; margin: 20px 0 0; padding: 0; text-align: left;}
.mondiali-wrap .mondiali-link-doc li {margin-bottom: 8px;}
.mondiali-wrap .mondiali-link-doc img {vertical-align: middle; margin-right: 8px;}

@media only screen and (max-width: 600px) {
  .mondiali-wrap .mondiali-griglia-squadre {grid-template-columns: repeat(2, 1fr);}
  .mondiali-wrap .mondiali-griglia-squadre.mondiali-col5 {grid-template-columns: repeat(2, 1fr);}
}

/* --- Pagine indice (sommario storia, qualificazioni, calendario, ecc.):
       elenco di link raggruppati sotto intestazioni di sezione, con le
       icone cartella/documento originali e un leggero rilievo 3D --- */
.mondiali-wrap .mondiali-indice {list-style: none; margin: 0 auto 16px; padding: 0; max-width: 400px; text-align: left;}
.mondiali-wrap .mondiali-indice-sezione {
  padding: 5px 8px 5px 30px;
  margin-top: 8px;
  background: #ffffee url("img/folder.png") no-repeat 7px center;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 #ffffff;
  font-weight: bold;
  text-align: center;
}
.mondiali-wrap .mondiali-indice li:not(.mondiali-indice-sezione) {margin-top: 2px;}
.mondiali-wrap .mondiali-indice a {
  display: block;
  padding: 5px 8px 5px 30px;
  background: #eeeeee url("img/document.png") no-repeat 7px center;
  border-radius: 3px;
  box-shadow: 0 2px 0 #cccccc, inset 0 1px 0 #ffffff;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-indice a:hover {
  background-color: #444444;
  color: #FFCC00;
  transform: translateY(1px);
  box-shadow: 0 1px 0 #cccccc, inset 0 1px 0 rgba(255,255,255,0.3);
}
.mondiali-wrap .mondiali-indice a:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.35);
}

/* --- Sommario della sezione Calcio (ex sommario-albi.js, in fondo
       alla pagina, sullo schema select+pulsante del Modello) --- */
.mondiali-wrap .mondiali-selezione {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px auto 4px;
  max-width: 970px;
  text-align: left;
}
.mondiali-wrap .mondiali-selezione label {flex: 0 0 100%; font-size: 16px; font-weight: bold; text-align: center;}
.mondiali-wrap .mondiali-selezione select {
  flex: 0 1 220px;
  max-width: 220px;
  width: auto;
  min-width: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #212529;
  background-color: #ffffff;
}
.mondiali-wrap .mondiali-vai {
  min-width: 90px;
  padding: 10px 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #0a58ca;
  border: 1px solid #084298;
  border-radius: 6px;
  box-shadow: 0 3px 0 #084298, inset 0 1px 0 rgba(255,255,255,0.3);
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}
.mondiali-wrap .mondiali-vai:hover {background-color: #0b5ed7; transform: translateY(1px); box-shadow: 0 2px 0 #084298, inset 0 1px 0 rgba(255,255,255,0.3);}
.mondiali-wrap .mondiali-vai:active {transform: translateY(3px); box-shadow: 0 0 0 #084298, inset 0 1px 3px rgba(0,0,0,0.35);}

/* --- Pulsante di chiusura delle finestre popup (ex .pulsante-form) --- */
.mondiali-wrap .pulsante-form {
  background-color: #eeeeee;
  border: 1px solid #888888;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.2);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 6px 14px;
  cursor: pointer;
}
.mondiali-wrap .pulsante-form:hover {background-color: #e0e0e0; transform: translateY(1px);}
.mondiali-wrap .pulsante-form:active {box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);}

/* =====================================================================
   Media query: layout mobile (colonna unica)
   ===================================================================== */
@media only screen and (max-width: 600px) {
  .mondiali-wrap .mondiali-shell {flex-direction: column;}
  .mondiali-wrap .mondiali-menu {flex: 1 1 auto; width: 100%; max-width: 100%; padding: 12px;}
  .mondiali-wrap #menu-mondiali {flex-direction: row; flex-wrap: wrap;}
  .mondiali-wrap #menu-mondiali li {flex: 1 1 45%;}
  .mondiali-wrap .mondiali-content {width: 100%; padding: 14px;}
  .mondiali-wrap .mondiali-logo {font-size: 32px;}
  .mondiali-wrap .mondiali-cartina {display: none;}
}