/*
 * CSS custom da Beca Indústria.
 *
 * Use este arquivo APENAS para o que o theme.json não resolve (block styles,
 * pequenos ajustes). Preferência total pelo theme.json. Carregado no front-end
 * (functions.php) e no editor (add_editor_style).
 */

/* Block style: Grupo → "Card" (registrado em functions.php). */
.wp-block-group.is-style-card {
	background-color: var(--wp--preset--color--cream);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40);
}

/*
 * Cabeçalho: 86px de altura, sem padding vertical (o menu tem itens de altura
 * total, então o laranja precisa ir do topo à base). A altura vai no grupo
 * interno, e não no <header>: o header usa o layout "constrained" do WordPress,
 * que centra o filho com margin-inline:auto — e uma margem automática dentro de
 * um container flex faz o filho encolher para a largura do conteúdo, quebrando o
 * alinhamento da logo.
 */
.site-header {
	position: relative; /* contexto para o submenu do menu descer alinhado */
	z-index: 10;
}

.site-header > .wp-block-group {
	min-height: 86px;
	align-items: center;
}

/*
 * Cabeçalho, conteúdo e rodapé ficam colados, como no layout. Por padrão o
 * WordPress insere o blockGap entre os blocos de topo (.wp-site-blocks > *), o que
 * abria uma faixa da cor do body entre as seções. O blockGap continua valendo
 * dentro do conteúdo — só não entre as três faixas da página.
 */
body .wp-site-blocks > * {
	margin-block-start: 0;
}

/* O rodapé usa leading normal (não o 1.5 do corpo), como no Figma. */
.site-footer p {
	line-height: normal;
}

/*
 * Link da Política de Privacidade no rodapé (não está no Figma). O link global do
 * theme.json é preto — sumiria no fundo preto —, então aqui ele herda o branco.
 */
.site-footer a {
	color: inherit;
	text-decoration: none;
}

/* Sem sublinhado parado; no hover/foco ele aparece, como nos links do theme.json. */
.site-footer a:hover,
.site-footer a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 2px;
}