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

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

/* Pagination pour la liste des sujets */
.ttb-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') */
.ttb-pagination ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--space-xs);
    flex-wrap: wrap;
    justify-content: center;
}
.ttb-pagination a,
.ttb-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);
    clip-path: var(--chamfer-sm);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    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 */
.ttb-pagination span.page-numbers.dots {
    background: none;
    border: none;
    cursor: default;
    min-width: auto;
    padding: var(--space-sm) 2px;
}
.ttb-pagination a:hover,
.ttb-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;
}
.ttb-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;
}

.ttb-no-threads {
    text-align: center;
    padding: var(--space-lg);
    color: #939393; /* #7e7e7e (--clr-text-secondary) fails 4.5:1 on #1a2028; #939393 = 4.6:1 */
    background-color: var(--clr-bg-element);
    clip-path: var(--chamfer-sm);
}

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

html.light-mode .ttb-pagination a,
html.light-mode .ttb-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 .ttb-pagination span.page-numbers.dots {
    background: none;
    border: none;
}
html.light-mode .ttb-pagination a:hover,
html.light-mode .ttb-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 .ttb-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 .ttb-no-threads {
    background-color: var(--color-background);
    color: #5a5a5a; /* sufficient contrast on light backgrounds */
}