/*
 * Pagination — RGAA 9.2 : <nav> nommé ; 3.1 : la page courante n'est jamais
 * signalée par la seule couleur (poids de police + fond).
 */

.pagin {
    margin-top: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.pagin__edge,
.pagin__num {
    text-decoration: none;
    border-radius: var(--mr-r-pill);
    min-width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mr-brun);
}

.pagin__edge {
    font-weight: 700;
    font-size: 17px;
}

.pagin__num {
    font-weight: 500;
    font-size: 15px;
    background: transparent;
}

.pagin__num[aria-current='page'] {
    background: var(--mr-brun);
    color: var(--mr-blanc);
    font-weight: 900;
}

.pagin__edge:hover,
.pagin__num:hover {
    text-decoration: underline;
}

html.a11y-contrast .pagin__edge,
html.a11y-contrast .pagin__num,
html.a11y-enhanced .pagin__edge,
html.a11y-enhanced .pagin__num {
    color: var(--mr-a11y-accent) !important;
}

html.a11y-contrast .pagin__num[aria-current='page'],
html.a11y-enhanced .pagin__num[aria-current='page'] {
    background: var(--mr-encre) !important;
    color: var(--mr-blanc) !important;
}