/* ==========================================================
   Prédictions des séries (Predictions.php). Boutons et champs : suggestions2026.css
   ========================================================== */

.predictions { display: grid; gap: 1.1rem; min-width: 0; }
.predictions__entete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; }
.predictions__entete .titre-section { margin: 0; }
.predictions__rondes { display: flex; flex-wrap: wrap; gap: .35rem; }
.predictions__rondes a { padding: .35rem .85rem; border: 1px solid var(--trait); border-radius: 999px; background: var(--surface); color: var(--texte-2); font-weight: 700; font-size: .9rem; }
.predictions__rondes a:hover { color: var(--texte); border-color: var(--bleu); text-decoration: none; }
.predictions__rondes a[aria-current] { background: var(--accent-fond); border-color: var(--accent-fond); color: var(--accent-texte); }
.predictions__resume { margin: 0; }

/* Formulaire : une carte par série */
.predictions__formulaire { display: grid; gap: .7rem; }
.predictions__formulaire > div { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; }
.serie-pred { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: .6rem; margin: 0; }
.serie-pred__equipe { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; border: 2px solid var(--trait); border-radius: var(--rayon); cursor: pointer; font-weight: 700; min-width: 0; }
.serie-pred__equipe input { accent-color: var(--bleu); width: 1.1rem; height: 1.1rem; flex: none; }
.serie-pred__equipe:has(input:checked) { border-color: var(--bleu); background: color-mix(in srgb, var(--bleu) 14%, var(--surface)); }
.serie-pred__matchs { display: flex; align-items: center; gap: .4rem; font-weight: 700; }
.serie-pred__matchs select { padding: .5rem .6rem; border: 1px solid var(--trait); border-radius: 8px; background: var(--fond); color: var(--texte); font: inherit; }
@media (max-width: 640px) {
    .serie-pred { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .serie-pred__matchs { grid-column: 1 / -1; }
    .serie-pred__equipe img { width: 32px; height: 32px; }
}

/* Rondes fermées : tout est dévoilé */
.predictions__devoilees { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: .8rem; }
.serie-devoilee { display: grid; gap: .55rem; align-content: start; }
.serie-devoilee__entete { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.serie-devoilee__equipe { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; column-gap: .5rem; opacity: .85; }
.serie-devoilee__equipe.est-gagnant { opacity: 1; }
.serie-devoilee__equipe.est-gagnant strong { color: var(--monte); }
.serie-devoilee__equipe .discret { grid-column: 2 / -1; font-size: .8rem; }
.serie-devoilee__equipe img { grid-row: span 2; }
.serie-devoilee__victoires { font-family: var(--police-titre); font-size: 1.5rem; font-weight: 800; }
.serie-devoilee__barre { height: 8px; border-radius: 999px; background: color-mix(in srgb, var(--ligne) 70%, transparent); overflow: hidden; }
.serie-devoilee__barre span { display: block; height: 100%; background: var(--bleu); }
.serie-devoilee__etat { margin: 0; }
.serie-devoilee__dg { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: .3rem; }
.serie-devoilee__dg li { display: flex; align-items: center; gap: .35rem; padding: .25rem .45rem; border-radius: 8px; background: var(--surface-2); font-size: .82rem; }
.serie-devoilee__dg li.est-parfait { background: color-mix(in srgb, var(--monte) 28%, var(--surface)); }
.serie-devoilee__dg li.est-bon { background: color-mix(in srgb, var(--monte) 14%, var(--surface)); }
.serie-devoilee__dg li.est-rate { opacity: .6; }
.serie-devoilee__gain { margin-left: auto; font-weight: 800; }

.predictions__classement th, .predictions__classement td { text-align: left; }
.predictions__classement img { vertical-align: middle; }