/* Parcourir les archives par date — maquettes « Page-categorie », « Page-tag »,
 * « Page-auteur » et « Actualite-categorie-archives » (13/11).
 *
 * La maquette pose une grille de SIX colonnes pour douze mois, soit deux rangs, dans un
 * cadre blanc borde. Les mois sans article y sont des boutons desactives ; on en fait des
 * <span> inertes, qui gardent la place mais ne sont ni cliquables ni tabulables.
 *
 * Cibles a 40 px de haut : au-dessus des 24 px exiges par WCAG 2.5.8, et le bloc reste
 * compact. */
.lmi-archives-dates {
    margin: 28px 0;
    padding: 20px 22px;
    background: #FFFFFF;
    border: 1px solid var(--eldorado-bordure, #E1E8F4);
    border-radius: 14px;
}
html.dark .lmi-archives-dates {
    background: var(--eldorado-surface, #121B2D);
}

.lmi-archives-tete {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 14px;
}
.lmi-archives-tete h2 {
    margin: 0;
    font-family: var(--eldorado-police-interface, var(--eldorado-police-texte, "Public Sans", sans-serif));
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
}
.lmi-archives-tout {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: var(--eldorado-accent, #1E3A8A);
}

.lmi-archives-mois {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lmi-archives-mois a,
.lmi-archives-mois span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 4px 6px;
    border: 1px solid var(--eldorado-bordure, #E1E8F4);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--eldorado-texte, #1F2937);
}
/* Un mois sans article : visible, mais ni cliquable ni atteignable au clavier. Le contraste
   reste au-dessus de 4,5 : 1 — un etat desactive doit rester LISIBLE, c'est son role de dire
   qu'il n'y a rien ce mois-la. */
.lmi-archives-mois span {
    color: var(--eldorado-texte-doux, #64748B);
    border-style: dashed;
    opacity: .72;
}
.lmi-archives-mois a:hover,
.lmi-archives-mois a:focus-visible {
    border-color: var(--eldorado-accent, #1E3A8A);
    color: var(--eldorado-accent, #1E3A8A);
}
.lmi-archives-mois a[aria-current="true"] {
    background: var(--eldorado-accent, #1E3A8A);
    border-color: var(--eldorado-accent, #1E3A8A);
    color: var(--eldorado-sur-accent, #FFFFFF);
}

.lmi-archives-annees {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--eldorado-bordure, #DCE4F3);
}
.lmi-archives-libelle {
    margin-right: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--eldorado-texte-doux, #4A5568);
}
.lmi-archives-annees ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lmi-archives-annees a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 4px 14px;
    border: 1px solid var(--eldorado-bordure, #E1E8F4);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: var(--eldorado-texte, #1F2937);
}
.lmi-archives-annees a[aria-current="true"] {
    background: var(--eldorado-accent, #1E3A8A);
    border-color: var(--eldorado-accent, #1E3A8A);
    color: var(--eldorado-sur-accent, #FFFFFF);
}

/* Trois colonnes sous 640 px : six cases de 40 px ne tiennent pas dans 350 px utiles. */
@media (max-width: 640px) {
    .lmi-archives-dates { padding: 16px; }
    .lmi-archives-mois { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}