/*
 * Filtres et graphiques d'une revue (liste des séries, page de statistiques).
 * Hors du CSS commun : les autres pages n'ont pas à télécharger ça.
 */

/* Filtres de la page stats d'une revue (année, note min/max, tri). */
.filtres-serie {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: flex-end;
    margin: 0 0 0.6rem;
    font-family: var(--police-texte);
}

.filtres-serie label {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--encre-douce);
}

.filtres-serie select,
.filtres-serie input[type="number"] {
    min-width: 7.5rem;
    font-size: 1rem;
    color: var(--encre);
}

.filtres-serie-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

@media (max-width: 40rem) {
    .filtres-serie {
        flex-direction: column;
        align-items: stretch;
    }

    .filtres-serie select,
    .filtres-serie input[type="number"] {
        min-width: 0;
        width: 100%;
    }

    .serie-stats-annees-colonne {
        flex-basis: 2.2rem;
    }

    .serie-stats-annees-colonne-paire {
        flex-basis: 2.8rem;
    }

    .stat-repartition-graph {
        overflow-x: auto;
    }
}

.serie-stats-liste {
    margin-top: 2rem;
}

.serie-stats-liste > h2 {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
}

/* Comparaison année par année (page stats d'une revue). */
.serie-stats-annees {
    margin-top: 2rem;
}

.serie-stats-annees h2 {
    margin: 0 0 0.2rem;
    font-size: 1.15rem;
}

.serie-stats-annees .tableau-fiches-cadre {
    margin-top: 1.2rem;
}

.serie-stats-paliers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.35rem 0 0.8rem;
}

.serie-stats-paliers a {
    display: inline-block;
    padding: 0.25rem 0.7rem;
    border: 1px solid var(--ligne);
    border-radius: 0.3rem;
    text-decoration: none;
    font-size: 0.85rem;
    color: var(--encre);
}

.serie-stats-paliers a:hover,
.serie-stats-paliers a[aria-current="true"] {
    border-color: var(--accent);
    color: var(--accent);
}

.serie-stats-annees-graph {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0 0 0.4rem;
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
}

.serie-stats-annees-colonne {
    flex: 0 0 2.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
}

.serie-stats-annees-colonne a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.serie-stats-annees-colonne a:hover .stat-repartition-barre:not(.stat-repartition-barre-vide) {
    filter: brightness(1.12);
}

.serie-stats-annees-colonne a:hover .stat-repartition-note {
    color: var(--accent);
}

.serie-stats-annees h3 {
    margin: 1.4rem 0 0.2rem;
    font-size: 1rem;
}

.serie-stats-legende {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.1rem;
    margin: 0.4rem 0 0;
    font-size: 0.85rem;
    color: var(--encre-douce);
}

.serie-stats-legende-moyenne::before,
.serie-stats-legende-mediane::before {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.35rem;
    border-radius: 0.15rem;
    vertical-align: -0.05rem;
}

.serie-stats-legende-moyenne::before {
    background: var(--accent);
}

.serie-stats-legende-mediane::before {
    background: var(--encre-douce);
}

.serie-stats-annees-colonne-paire {
    flex-basis: 3.2rem;
}

.serie-stats-annees-paire {
    display: flex;
    align-items: flex-end;
    gap: 0.15rem;
    width: 100%;
    height: 6.5rem;
}

.serie-stats-annees-paire .stat-repartition-piste {
    flex: 1;
    max-width: none;
    height: 100%;
}

.stat-repartition-barre-mediane {
    background: var(--encre-douce);
}