/* ==========================================================================
   Acontece MS — redesign visual (child theme do Herald)
   Paleta e tipografia oficiais: Manual de Identidade Visual v1.0
   ========================================================================== */

:root{
	--azul:#008FD0;
	--verde:#008848;
	--amarelo:#FFD326;
	--azul-profundo:#12313C;
	--fundo-claro:#F6F5EF;

	--font-display:'Barlow Condensed','Arial Narrow',sans-serif;
	--font-body:'Barlow',-apple-system,'Segoe UI',sans-serif;
}

/* ---------- base ---------- */
body{
	background-color:var(--fundo-claro);
	font-family:var(--font-body);
	color:var(--azul-profundo);
}

a{ color:var(--azul-profundo); }
a:hover, a:focus{ color:var(--azul); }

/* ---------- tipografia editorial: manchetes em Barlow Condensed itálico,
   conforme a diretriz "títulos pesados em itálico" do manual de marca ---------- */
.entry-title,
.entry-title a,
.page-title,
.widget-title,
.herald-module-title,
h1.entry-title,
.single .entry-title,
.woocommerce-page .page-title{
	font-family:var(--font-display);
	font-style:italic;
	font-weight:800;
	letter-spacing:-.005em;
}

/* rótulos de categoria e meta usam a fonte utilitária, sem itálico */
.meta-category,
.entry-meta,
.herald-post-format-icon,
.post-format-icon{
	font-family:var(--font-body);
}

/* Badge de categoria em formato de selo (pill), como no protótipo aprovado.
   Vários posts têm mais de uma categoria (ex.: "Destaques" + "Esportes");
   mostramos só a última para manter um selo único e limpo por card. */
.meta-category a:not(:last-of-type),
.meta-category > span:not(a){
	display:none;
}
.meta-category{
	display:inline-block;
}
.meta-category a,
.meta-category a[class*="herald-cat-"]{
	display:inline-block;
	background-color:var(--verde) !important;
	color:#fff !important;
	font-size:11px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	padding:3px 9px;
	border-radius:4px;
}
.meta-category a:hover,
.meta-category a[class*="herald-cat-"]:hover{
	background-color:var(--azul) !important;
}
/* Só o último selo fica visível (declarado por último para vencer o empate
   de especificidade com a regra de estilo do pill acima). */
.meta-category a:not(:last-of-type){
	display:none !important;
}

/* Selo de "Polícia" em vermelho é uma cor customizada herdada de uma
   configuração antiga da categoria (Categorias → Polícia → Color); a regra
   acima já sobrescreve para verde por padrão — se quiser manter um destaque
   diferente por editoria, ajuste esse campo em vez do CSS. */

/* ---------- títulos de seção/módulo (ex.: "Polícia", "Esportes")
   trocamos a barra sólida colorida do Herald por texto itálico azul,
   como no protótipo aprovado ---------- */
.herald-mod-h,
.herald-mod-h.herald-color{
	background-color:transparent !important;
	color:var(--azul) !important;
	font-family:var(--font-display);
	font-style:italic;
	font-weight:800;
	font-size:1.3em;
	padding:0 !important;
	display:inline-block;
}

/* ---------- header / navegação ---------- */
.header-trending,
.top-header,
#site-navigation,
.herald-sticky{
	font-family:var(--font-body);
}

/* ---------- botões e destaques ---------- */
.btn,
button:not(.mfp-close),
input[type="submit"],
.herald-btn{
	font-family:var(--font-body);
}

/* ---------- correção de altura dos cards do Layout K
   (título limitado a 3 linhas — já validado via Customizer, migrado aqui
   para o child theme; a regra antiga em Customizer > CSS adicional pode
   ser removida com segurança depois de confirmar que esta está ativa) ---------- */
.herald-lay-k .entry-title a{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* ---------- rodapé ---------- */
#colophon,
.site-footer,
footer#colophon{
	background-color:var(--azul-profundo);
}
#colophon a,
.site-footer a{
	color:#DDE7E9;
}
#colophon a:hover,
.site-footer a:hover{
	color:#fff;
}