/**
 * Paginação da listagem de notícias: o tema aplica caixa 46×46 a todo .th-pagination span,
 * o que quebra reticências e legendas. Aqui neutralizamos só os casos especiais.
 */
.th-pagination-noticias ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    row-gap: 10px;
    vertical-align: middle;
}

.th-pagination-noticias li.pagi-ellipsis span {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1.35 !important;
    padding: 10px 8px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 600;
    font-size: 16px;
    color: var(--title-color);
}

.th-pagination-noticias li.pagi-ellipsis span:hover {
    color: var(--title-color) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.th-pagination-noticias span.disabled,
.th-pagination-noticias span.disabled:hover {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
    color: var(--gray-color) !important;
    background-color: var(--smoke-color2, var(--smoke-color)) !important;
    border-color: var(--border-color, var(--gray-color)) !important;
    box-shadow: none !important;
}

.th-pagination-noticias span.active {
    cursor: default;
    pointer-events: none;
}

@media (max-width: 767px) {
    .th-pagination-noticias li.pagi-ellipsis span {
        font-size: 13px;
        padding: 8px 6px !important;
    }
}
