/**
 * Paginação Progressive Enhancement
 * Esconde visualmente mas mantém acessível para crawlers
 */

.pagination-enhancement {
    /* Esconde para humanos na página 1 (Ajax Load More está visível) */
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    /* Mantém acessível para screen readers e crawlers */
    -webkit-user-select: none;
    user-select: none;
}

/* Torna visível nas páginas 2+ (fallback sem JS) */
body.paged .pagination-enhancement {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    white-space: normal;
    margin: 2rem 0;
    text-align: center;
}

/* Estilos visuais da paginação */
.pagination-enhancement .page-numbers {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    background: #f0f0f0;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}

.pagination-enhancement .page-numbers:hover,
.pagination-enhancement .page-numbers.current {
    background: #0073aa;
    color: #fff;
}

/* Estado de loading */
.pagination-enhancement.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Lista de paginação */
.pagination-enhancement .page-numbers.dots {
    background: transparent;
    cursor: default;
}

/* Responsividade */
@media (max-width: 768px) {
    body.paged .pagination-enhancement .page-numbers {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }
}