/*
 * archive.css — listagens (arquivos, busca, 404, índice). Etapa 6.
 * Reusa .post-grid/.post-card (globais). Só cabeçalho, estados vazios e paginação.
 */

.archive-header { max-width: var(--jj-wide); margin: 0 auto 34px; }
.archive-header .page-title { margin-bottom: 10px; }
.archive-description { color: var(--jj-muted); max-width: 70ch; }
.archive-count { color: var(--jj-muted); font-size: 14px; margin: 6px 0 16px; }

.archive-search { max-width: 440px; margin-top: 16px; }
.archive-search input { flex: 1; width: auto; }

/* Estado vazio */
.empty-state { max-width: 760px; margin: 30px auto; text-align: center; background: var(--jj-paper); border-top: 4px solid var(--jj-green); padding: 46px 28px; }
.empty-state .eyebrow { justify-content: center; }
.empty-state h1, .empty-state h2 { font-family: Georgia, serif; margin: 8px 0 12px; }
.empty-state p { color: var(--jj-muted); }
.empty-state a { color: var(--jj-green); font-weight: 700; text-decoration: underline; }
.empty-state .post-grid { margin-top: 28px; text-align: left; }
.empty-state .archive-search { margin: 20px auto 0; }
.error-404 .page-title { font: 500 clamp(34px, 5vw, 54px)/1.1 Georgia, serif; }

.archive-recent { margin-top: 42px; }
.archive-recent h2 { font: 500 26px Georgia, serif; margin-bottom: 18px; }

/* Paginação (the_posts_pagination) */
.content-wrap .pagination { margin-top: 42px; }
.content-wrap .pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.content-wrap .pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; background: var(--jj-paper); border: 1px solid var(--jj-line); border-radius: var(--jj-radius-sm); font-weight: 700; font-size: 14px; color: var(--jj-green); }
.content-wrap .pagination .page-numbers:hover { border-color: var(--jj-terra); color: var(--jj-terra); }
.content-wrap .pagination .page-numbers.current { background: var(--jj-green); color: #fff; border-color: var(--jj-green); }
.content-wrap .pagination .page-numbers.dots { border: 0; background: transparent; }