/**
 * taxonomies.css — box "Navegar por temas relacionados" (taxonomias do post).
 *
 * Compartilhada pelo single (template-parts/single/single-taxonomies.php) e pela
 * página de anexo (attachment.php), que reaproveita o mesmo partial apontando ao
 * post de origem. Por isso o estilo vive num arquivo próprio (não duplicado),
 * enfileirado nos dois contextos (ver inc/enqueue.php).
 *
 * Fundo branco + borda fina (mesma linguagem da caixa do autor). Cada taxonomia
 * é um grupo (título) com os termos em chips clicáveis; ao final, "Veja também".
 */

.single-taxonomies {
	margin-block: var(--ee-space-5);
	background: var(--ee-white);
	border: 1px solid var(--ee-border);
	border-radius: var(--ee-radius-md);
}

.single-taxonomies-group + .single-taxonomies-group {
	margin-top: var(--ee-space-4);
	padding-top: var(--ee-space-4);
	border-top: 1px solid var(--ee-border);
}

.single-taxonomies-label {
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ee-blue-dark);
	margin: 0 0 var(--ee-space-2);
}

.single-taxonomies-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ee-space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Chip de termo: pílula clara com a cor da marca; vira azul ao passar o mouse. */
.single-taxonomies-chip {
	display: inline-block;
	padding: 0.35rem 0.85rem;
	background: var(--ee-blue-light);
	color: var(--ee-blue-dark);
	border: 1px solid transparent;
	border-radius: var(--ee-radius-pill);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.single-taxonomies-chip:hover,
.single-taxonomies-chip:focus {
	background: var(--ee-blue);
	color: var(--ee-white);
	border-color: var(--ee-blue);
}

/* --- "Veja também": lista de posts relacionados pelas taxonomias --- */
.single-taxonomies-seealso {
	margin-top: var(--ee-space-4);
	padding-top: var(--ee-space-4);
	border-top: 1px solid var(--ee-border);
}

.single-seealso-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--ee-blue-dark);
	margin: 0 0 var(--ee-space-3);
}

.single-seealso-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-seealso-list > li + li {
	border-top: 1px solid var(--ee-border);
}

.single-seealso-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ee-space-3);
	padding: var(--ee-space-3) 0;
	color: var(--ee-blue-dark);
	text-decoration: none;
	transition: color 0.15s ease;
}

.single-seealso-text {
	font-weight: 600;
}

.single-seealso-link:hover,
.single-seealso-link:focus {
	color: var(--ee-orange);
}

.single-seealso-arrow {
	flex-shrink: 0;
	color: var(--ee-blue);
}

.single-seealso-link:hover .single-seealso-arrow,
.single-seealso-link:focus .single-seealso-arrow {
	color: var(--ee-orange);
}