/* HypeGlitch — estilos do tema (referência: docs/referencia/modelo-hypeglitch-v4.html) */

:root {
	--hg-ink: #111111;
	--hg-blue: #1F5BFF;
	--hg-cyan: #00C2FF;
	--hg-lime: #C6FF3D;
	--hg-muted: #5B5B5B;
	--hg-line: 3px solid #111111;
}

/* Glitch suave: só no logo e na nota do veredito */
.hg-glitch { text-shadow: 1px 0 rgba(0,194,255,.55), -1px 0 rgba(31,91,255,.45); }

/* ---------- Cabeçalho ---------- */
.hg-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--fundo);
	border-bottom: var(--hg-line);
}
.admin-bar .hg-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .hg-header { top: 0; } }

.hg-header__top { padding: 14px 0; gap: 16px; }
.hg-logo {
	font-family: var(--wp--preset--font-family--titulos);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1;
	color: var(--hg-ink);
	text-decoration: none;
}
.hg-logo span { color: var(--hg-blue); }
.hg-logo:hover { color: var(--hg-ink); }
.hg-menu a { text-decoration: none; }
.hg-menu a:hover { color: var(--hg-blue); }

.hg-tipos {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 0 12px;
}
.hg-chip {
	border: 2px solid var(--hg-ink);
	border-radius: 99px;
	padding: 2px 12px;
	font-size: 13px;
	font-weight: 600;
	background: #fff;
	color: var(--hg-ink);
	text-decoration: none;
}
.hg-chip:hover,
.hg-chip[aria-current="page"] { background: var(--hg-ink); color: #fff; }

/* ---------- Capas ---------- */
.hg-capa,
.wp-block-post-featured-image.hg-capa {
	border: var(--hg-line);
	border-radius: 4px;
	overflow: hidden;
	margin: 0;
	position: relative;
	background: linear-gradient(135deg, #d6e2ff 0%, #d4f3ff 55%, #eaffc2 100%);
}
.hg-capa img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Post sem imagem destacada: o bloco não renderiza, então o gradiente fica no wrapper .hg-capa-vazia */
.hg-capa-vazia {
	border: var(--hg-line);
	border-radius: 4px;
	min-height: 130px;
	background:
		repeating-linear-gradient(0deg, transparent 0 18px, rgba(31,91,255,.14) 18px 21px, transparent 21px 40px),
		linear-gradient(135deg, #d6e2ff 0%, #d4f3ff 55%, #eaffc2 100%);
}
.hg-capa-vazia:has(.wp-block-post-featured-image) { border: 0; min-height: 0; background: none; }

.hg-tag { margin: 12px 0 6px; }
.hg-meta,
.hg-meta a { color: var(--hg-muted); font-size: 13px; text-decoration: none; }

/* ---------- Home ---------- */
.hg-hero {
	display: grid !important;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
	padding: 24px 0;
}
.hg-hero__principal .hg-capa-vazia,
.hg-hero__principal .hg-capa { min-height: 340px; aspect-ratio: 16 / 9; }
.hg-hero__principal .wp-block-post-title { font-size: var(--wp--preset--font-size--destaque); margin: 4px 0 8px; }
.hg-hero__lateral .wp-block-post-template { display: flex; flex-direction: column; gap: 18px; }
.hg-hero__lateral .hg-capa-vazia,
.hg-hero__lateral .hg-capa { min-height: 110px; aspect-ratio: 16 / 9; }
.hg-hero__lateral .wp-block-post-title { font-size: 20px; line-height: 1.15; margin: 2px 0; }

.hg-secao-titulo {
	border-top: var(--hg-line);
	padding-top: 10px;
	margin-top: 10px !important;
	align-items: baseline;
}
.hg-secao-titulo h2 { margin: 0; font-size: var(--wp--preset--font-size--titulo-secao); }
.hg-secao-titulo a { font-size: 13px; color: var(--hg-muted); text-decoration: none; }

.hg-grade .wp-block-post-template { gap: 16px; }
.hg-grade .hg-capa-vazia,
.hg-grade .hg-capa { aspect-ratio: 16 / 9; }
.hg-grade .wp-block-post-title { font-size: var(--wp--preset--font-size--titulo-card); line-height: 1.2; margin: 4px 0; }
.hg-grade .wp-block-post-title a,
.hg-hero .wp-block-post-title a { text-decoration: none; }

.hg-lista-recentes .wp-block-post-template > li {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 16px;
	align-items: start;
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
}

/* ---------- Artigo ---------- */
.hg-artigo-topo .wp-block-post-title { margin: 8px 0; }
.hg-artigo-topo .wp-block-post-excerpt { font-size: var(--wp--preset--font-size--linha-apoio); color: #333; }
.hg-artigo-topo .wp-block-post-excerpt__more-link { display: none; }
.hg-artigo-capa { aspect-ratio: 16 / 9; }

.hg-single { display: block; }
body.hg-tem-veredito .hg-single {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	grid-template-areas: "conteudo aside";
	gap: 32px;
	align-items: start;
}
body.hg-tem-veredito .hg-single__aside { grid-area: aside; position: sticky; top: 140px; }
body.hg-tem-veredito .hg-single__conteudo { grid-area: conteudo; }
.hg-single__aside:empty { display: none; }
.hg-single__conteudo > * { max-width: 760px; }

/* ---------- Rodapé ---------- */
.hg-footer {
	border-top: var(--hg-line);
	padding: 20px 0 !important;
	margin-top: 40px !important;
	color: var(--hg-muted);
	font-size: 13px;
}
.hg-footer__links { display: flex; gap: 16px; flex-wrap: wrap; }
.hg-footer__links a { color: var(--hg-muted); }

/* ---------- Celular ---------- */
@media (max-width: 820px) {
	.hg-hero { grid-template-columns: 1fr; }
	.hg-hero__principal .hg-capa-vazia,
	.hg-hero__principal .hg-capa { min-height: 200px; }
	.hg-grade .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr 1fr !important; }
	.hg-lista-recentes .wp-block-post-template > li { grid-template-columns: 1fr; }
	body.hg-tem-veredito .hg-single {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "aside" "conteudo";
	}
	body.hg-tem-veredito .hg-single__aside { position: static; }
}
@media (max-width: 480px) {
	.hg-grade .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; }
	.hg-logo { font-size: 26px; }
}