/**
 * archive.css — páginas de listagem (arquivo, categoria, tag, autor, data).
 *
 * Enfileirado apenas em archives (ver inc/enqueue.php). Camada sobre o
 * Bootstrap e os tokens --ee-*.
 *
 * Sumário:
 *   1. Breadcrumb
 *   2. Cabeçalho do arquivo
 *   3. Chips de subcategorias / termos
 *   4. Estado vazio
 *   5. Lista de posts + paginação
 */

/* ==========================================================================
   1. Breadcrumb
   ========================================================================== */
.ee-breadcrumb .breadcrumb {
	font-size: 0.8125rem;
	margin-bottom: var(--ee-space-2);
	--bs-breadcrumb-divider: "›";
}

.ee-breadcrumb .breadcrumb-item a {
	color: var(--ee-text-muted);
	text-decoration: none;
}

.ee-breadcrumb .breadcrumb-item a:hover,
.ee-breadcrumb .breadcrumb-item a:focus {
	color: var(--ee-blue);
	text-decoration: underline;
}

.ee-breadcrumb .breadcrumb-item.active {
	color: var(--ee-text);
	font-weight: 600;
}

/* ==========================================================================
   2. Cabeçalho do arquivo
   ========================================================================== */
.archive-header {
	padding-bottom: var(--ee-space-4);
	border-bottom: 1px solid var(--ee-border);
}

.archive-header .page-title {
	color: var(--ee-blue-dark);
}

.archive-count {
	font-weight: 600;
}

.archive-description {
	max-width: 70ch;
}

.archive-description p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   3. Chips de subcategorias / termos
   ========================================================================== */
.ee-term-chips .ee-chips-list {
	margin: 0;
}

/* O .ee-chip já é estilizado em main.css (design system). Aqui só pequenos
   ajustes de contexto para a navegação de termos. */
.ee-term-chips .ee-chip {
	font-size: 0.8125rem;
}

/* ==========================================================================
   4. Estado vazio
   ========================================================================== */
.ee-empty-state {
	max-width: 640px;
	margin-inline: auto;
}

.ee-empty-icon {
	color: var(--ee-blue);
	opacity: 0.6;
	line-height: 0;
}

.ee-empty-title {
	color: var(--ee-blue-dark);
}

.ee-empty-search {
	max-width: 420px;
}

/* ==========================================================================
   5. Lista de posts + paginação
   --------------------------------------------------------------------------
   Listagem vertical (1 post por linha) em arquivos e na busca. A paginação
   recebe uma linha divisória que a separa da lista de postagens.
   ========================================================================== */
/* Espaço entre o último post e o bloco de paginação. */
.ee-pagination {
	margin-top: var(--ee-space-7);
}

/* A divisória fica na <div class="nav-links"> (bloco final, depois dos posts,
   que envolve os links); o padding-top empurra os números para baixo da linha. */
.ee-pagination .nav-links {
	border-top: 1px solid var(--ee-border);
	padding-top: var(--ee-space-6);
}