/* ==========================================================
   Power ranking (PowerRanking.php)
   Flèches : .variation (css/accueil2026.css reprend les mêmes couleurs)
   ========================================================== */

.power-page { display: grid; gap: 1.25rem; max-width: 64rem; min-width: 0; }
.power-page__entete { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; }
.power-page__entete .titre-section { margin-bottom: 0; }
.power-page__entete p, .power-page__note { margin: 0; }
.power-page__note { font-size: .85rem; }

/* ---------- Faits saillants ---------- */
.faits-power { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: .75rem; }
.fait-power {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1rem;
    background: var(--surface);
    border: 1px solid var(--trait);
    border-left: 4px solid var(--trait);
    border-radius: var(--rayon);
    color: var(--texte);
}
.fait-power:hover { border-color: var(--bleu); text-decoration: none; }
.fait-power img { width: 56px; height: 56px; flex: none; }
.fait-power__texte { display: grid; line-height: 1.25; min-width: 0; }
.fait-power__texte strong { font-family: var(--police-titre); font-size: 1.5rem; text-transform: uppercase; }
.fait-power__texte span { color: var(--texte-2); font-size: .88rem; }
.fait-power__titre { font-size: .72rem !important; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.fait-power--or { border-left-color: var(--or); }
.fait-power--monte { border-left-color: var(--monte); }
.fait-power--monte .fait-power__texte span:last-child { color: var(--monte); font-weight: 700; }
.fait-power--baisse { border-left-color: var(--baisse); }
.fait-power--baisse .fait-power__texte span:last-child { color: var(--baisse); font-weight: 700; }

/* ---------- Liste ---------- */
.power-liste { list-style: none; margin: 0; padding: .25rem 0; }
.power-ligne {
    display: grid;
    grid-template-columns: 2.5rem 3rem minmax(0, 1fr) 4.5rem 6.5rem 3.5rem minmax(7rem, 10rem);
    align-items: center;
    gap: .75rem;
    padding: .55rem 1rem;
    border-bottom: 1px solid var(--trait);
}
.power-ligne:last-child { border-bottom: 0; }
.power-ligne:hover { background: var(--surface-2); }
.power-ligne__rang { font-family: var(--police-titre); font-size: 1.6rem; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.power-ligne--podium .power-ligne__rang { color: var(--or); }
.power-ligne__var { font-size: .85rem; font-weight: 700; white-space: nowrap; }
.power-ligne__equipe { display: flex; align-items: center; gap: .65rem; color: var(--texte); min-width: 0; }
.power-ligne__equipe:hover { color: var(--bleu); text-decoration: none; }
.power-ligne__equipe img { width: 36px; height: 36px; flex: none; }
.power-ligne__equipe > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.power-ligne__nom { color: var(--texte-2); }
.power-ligne__fiche, .power-ligne__buts, .power-ligne__serie { font-variant-numeric: tabular-nums; font-size: .92rem; white-space: nowrap; }
.power-ligne__fiche { font-weight: 700; }
.power-ligne__buts .est-positif { color: var(--monte); }
.power-ligne__buts .est-negatif { color: var(--baisse); }
.power-ligne__serie { color: var(--texte-2); }
.power-ligne__pointage { display: grid; grid-template-columns: minmax(0, 1fr) 2.2rem; align-items: center; gap: .5rem; }
.power-ligne__pointage strong { text-align: right; font-variant-numeric: tabular-nums; }
.power-ligne__barre { height: 7px; border-radius: 4px; background: var(--surface-2); overflow: hidden; }
.power-ligne__barre span { display: block; height: 100%; background: var(--bleu); border-radius: 4px; }
.power-ligne--podium .power-ligne__barre span { background: var(--or); }

/* Flèches de mouvement (mêmes couleurs que l'accueil) */
.variation { color: var(--texte-2); }
.variation--monte { color: var(--monte); }
.variation--baisse { color: var(--baisse); }

@media (max-width: 760px) {
    .power-ligne { grid-template-columns: 2rem 2.6rem minmax(0, 1fr) 4rem; row-gap: .15rem; }
    .power-ligne__buts, .power-ligne__serie { display: none; }
    .power-ligne__pointage { grid-column: 3 / -1; }
    .power-ligne__nom { display: none; }
}