/* ==========================================================================
   Module : Pagination
   ========================================================================== */

/* --- Dark Mode (défaut) --- */

/* Pagination pour la liste des sujets */
.msb-lol-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-md) 0;
    margin-top: var(--space-md);
}
/* Le <ul> généré par paginate_links(type='list') :
   horizontal, sans puces, sans marges par défaut */
.msb-lol-pagination ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: center;
}
.msb-lol-pagination a,
.msb-lol-pagination span.page-numbers {
    padding: var(--space-sm) var(--space-md);
    background-color: var(--clr-bg-element);
    color: var(--clr-text-link);
    border: 1px solid var(--clr-border-primary);
    border-radius: var(--border-radius);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}
/* Ellipsis (…) — pas de fond ni bordure */
.msb-lol-pagination span.page-numbers.dots {
    background: none;
    border: none;
    cursor: default;
    min-width: auto;
    padding: var(--space-sm) 2px;
}
.msb-lol-pagination a:hover,
.msb-lol-pagination span.page-numbers:not(.current):not(.dots):hover {
    background-color: var(--clr-accent-gold-darker);
    color: var(--clr-text-on-accent);
    border-color: var(--clr-accent-gold-darker);
    text-decoration: none;
}
.msb-lol-pagination span.page-numbers.current {
    background-color: var(--clr-accent-gold);
    color: var(--clr-text-on-accent);
    border-color: var(--clr-accent-gold);
    font-weight: bold;
}

.msb-lol-no-threads {
    text-align: center;
    padding: var(--space-lg);
    color: var(--clr-text-secondary);
    background-color: var(--clr-bg-element); /* Pour être cohérent avec le fond des threads */
    border-radius: var(--border-radius); /* Si .msb-lol-thread-list a des coins arrondis */
}

/* --- Light Mode --- */

html.light-mode .msb-lol-pagination a,
html.light-mode .msb-lol-pagination span.page-numbers {
    background-color: var(--color-component-background);
    color: var(--clr-text-link);
    border: 1px solid var(--clr-border-primary, #D4C0A5);
}
html.light-mode .msb-lol-pagination span.page-numbers.dots {
    background: none;
    border: none;
}
html.light-mode .msb-lol-pagination a:hover,
html.light-mode .msb-lol-pagination span.page-numbers:not(.current):not(.dots):hover {
    background-color: var(--clr-accent-gold-darker);
    color: var(--clr-text-on-accent, #FFFFFF);
    border-color: var(--clr-accent-gold-darker);
}
html.light-mode .msb-lol-pagination span.page-numbers.current {
    background-color: var(--clr-accent-gold);
    color: var(--clr-text-on-accent, #FFFFFF);
    border-color: var(--clr-accent-gold);
}

html.light-mode .msb-lol-no-threads {
    background-color: var(--color-background);
    color: var(--color-text-secondary);
}