/* ── /season : saison en cours ─────────────────────────────────────────────── */
/* En-tête : als_page_head() (trame commune) ; navigation entre saisons dans ses actions. */
.ss-season-nav { display: flex; flex-wrap: wrap; gap: .4rem; }

.ss-toolbar {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem;
    padding: .55rem .65rem; margin-bottom: 1.1rem;
    background: var(--als-surface); border: 1px solid var(--als-border-soft); border-radius: var(--als-radius-sm);
}
.ss-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.ss-chip-count {
    font-size: .66rem; font-weight: 700; padding: 0 .35rem; margin-left: .15rem; border-radius: var(--als-radius-pill);
    background: var(--als-surface-inset); color: var(--als-text-muted);
}
.ss-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.ss-tools .form-select { width: auto; min-width: 10rem; }
.ss-opt { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; color: var(--als-text-muted); cursor: pointer; margin: 0; }
.ss-opt .form-check-input { margin: 0; }

.ss-grid {
    display: grid; gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.ss-grid.ss-hide-listed .ss-item.is-listed { display: none; }
.ss-item { display: flex; flex-direction: column; min-width: 0; }
.ss-item .al-card-link { flex: 1 1 auto; }
.ss-item-foot {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .3rem;
    padding: .35rem .1rem 0; min-height: 2rem;
}
.ss-next { font-size: .7rem; color: var(--als-info); font-weight: 600; font-variant-numeric: tabular-nums; }
.ss-add {
    font-size: .7rem; font-weight: 700; padding: .22rem .6rem; border-radius: var(--als-radius-pill); cursor: pointer;
    border: 1px solid var(--als-accent); background: transparent; color: var(--als-text-heading);
    transition: background var(--als-t-fast), color var(--als-t-fast);
}
.ss-add:hover:not(:disabled) { background: var(--als-accent); color: #0d1030; } /* blanc : 2.98:1 */
.ss-add:disabled { opacity: .5; cursor: wait; }
.ss-status { font-size: .66rem; }
.ss-item.is-listed .al-card { box-shadow: inset 0 0 0 1px var(--als-ok-border); }

/* Archives : 4 saisons des 3 dernières années */
.ss-archives {
    display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem;
    margin: 0 0 .9rem; font-size: .78rem;
}
.ss-archives-label { color: var(--als-text-muted); font-weight: 600; }
.ss-archives-year { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.ss-archives-y { color: var(--als-text-heading); font-weight: 700; font-variant-numeric: tabular-nums; margin-right: .1rem; }
.ss-archives-link {
    padding: .12rem .5rem; border-radius: var(--als-radius-pill); border: 1px solid var(--als-border-soft);
    color: var(--als-text-link); text-decoration: none;
    transition: background var(--als-t-fast), color var(--als-t-fast);
}
.ss-archives-link:hover, .ss-archives-link:focus-visible { background: var(--als-surface-hover); color: var(--als-text-heading); }
.ss-archives-link.is-active { background: var(--als-neutral-bg); border-color: var(--als-accent); color: var(--als-text-heading); }
.ss-alert { font-size: .85rem; padding: .55rem .8rem; }

@media (max-width: 575.98px) {
    .ss-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
    .ss-tools .form-select { min-width: 0; }
}