/**
 * Unified pagination styles for the entire site.
 * Used by: posts, videos, archive, expert pages.
 */

/* Container */
.pagination,
.lidery-all-videos-pagination,
.lidery-expert-videos-pagination {
    margin: 30px 0;
}

/* List reset (for <ul class="page-numbers">) */
.pagination ul.page-numbers,
.lidery-all-videos-pagination ul.page-numbers,
.lidery-expert-videos-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
}

.pagination ul.page-numbers li,
.lidery-all-videos-pagination ul.page-numbers li,
.lidery-expert-videos-pagination ul li {
    margin: 0;
}

/* Base page-numbers (links & spans & buttons) */
.page-numbers,
a.page-numbers,
span.page-numbers,
button.page-numbers {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 16px !important;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    background: none !important;
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease;
}

/* Hover */
a.page-numbers:hover,
button.page-numbers:hover {
    border-color: #ccc !important;
    background: none !important;
    color: #000 !important;
}

/* Current page */
.page-numbers.current,
span.page-numbers.current,
button.page-numbers.current {
    border-color: #000 !important;
    background: none !important;
    color: #000 !important;
    cursor: default;
}

/* Dots (ellipsis) */
span.page-numbers.dots {
    border-color: transparent !important;
    color: #999 !important;
    cursor: default;
    padding: 10px 8px !important;
}

/* Hide prev/next */
.next.page-numbers,
.prev.page-numbers {
    display: none !important;
}

/* Pagination wrapper with login (posts) */
.pagination-wrapper,
.lidery-all-posts .pagination {
    display: flex;
    align-items: center;
}

.author-block {
    text-align: right;
}
.author-block:last-of-type {
    margin-left: auto;
}

/* Mobile */
@media (max-width: 567px) {
    .pagination,
    .lidery-all-posts .pagination {
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 20px;
    }
}