@import url("assets.7576ba05f24c.css");

/* -------------------------------------------------------------
   Modern Pagination Bar
   ------------------------------------------------------------- */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 48px 0 32px;
    flex-wrap: wrap;
}

.pagination a {
    text-decoration: none;
}

.pagination-number,
.pagination-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: var(--radius-pill);
    font-family: var(--font-ui);
    font-size: 14px;
    font-weight: 600;
    color: var(--textHeading);
    background: var(--card_bg);
    border: 1px solid var(--card_border);
    box-shadow: var(--shadow-xs);
    transition: all var(--transition-fast);
}

.pagination-number:hover,
.pagination-action:hover {
    color: #ffffff;
    background: var(--colorAccent);
    border-color: var(--colorAccent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--colorAccentGlow);
}

.pagination-current {
    background: var(--colorAccent) !important;
    color: #ffffff !important;
    border-color: var(--colorAccent) !important;
    box-shadow: 0 2px 10px var(--colorAccentGlow);
    cursor: default;
    pointer-events: none;
}

[data-theme="dark"] .pagination-number,
[data-theme="dark"] .pagination-action {
    background: var(--card_bg);
    color: var(--textHeading);
    border-color: var(--card_border);
}

[data-theme="dark"] .pagination-number:hover,
[data-theme="dark"] .pagination-action:hover {
    background: var(--colorAccent);
    color: #ffffff;
    border-color: var(--colorAccent);
}