/*
 * Estilos de bloco "Lista de links" (core/list) e "Título de seção" (core/heading),
 * registrados em inc/enqueue.php. O tema renderiza o post com get_the_content()
 * cru, então o CSS de bloco do core nunca chega ao front: tudo é definido aqui,
 * e o arquivo também é carregado como editor style para o editor ficar igual.
 */

h2.is-style-cee-titulo-secao,
h3.is-style-cee-titulo-secao {
	margin: 0;
	padding-bottom: .375rem;
	border-bottom: 2px solid #FF6E1D;
	font-family: "Space Grotesk", sans-serif;
	font-size: calc(1.375rem + var(--font-size-factor, 0px));
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.2;
	color: #1C3559;
}

/* O conteúdo do post é um grid com row-gap de 2rem; cola a lista no título. */
.the-content .is-style-cee-titulo-secao + .is-style-cee-lista-links {
	margin-top: -1.5rem;
}

ul.is-style-cee-lista-links,
ol.is-style-cee-lista-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.is-style-cee-lista-links > li {
	display: flex;
	gap: .75rem;
	align-items: baseline;
	margin: 0;
	padding: .75rem 0;
	border-bottom: 1px solid #D3D9E2;
	font-family: "Space Grotesk", sans-serif;
	font-size: calc(1.125rem + var(--font-size-factor, 0px));
	line-height: 1.3;
	color: #1C3559;
}

.is-style-cee-lista-links > li::before {
	content: "\2192";
	flex: none;
	font-weight: 700;
	color: #FF6E1D;
}

.is-style-cee-lista-links > li a {
	color: #1C3559;
	text-decoration: none;
}

.is-style-cee-lista-links > li a:hover,
.is-style-cee-lista-links > li a:focus-visible {
	color: #FF6E1D;
	text-decoration: underline;
}