/*
 * Base do tema PNA: estrutura da página e regras globais.
 *
 * Regra do projeto: use SEMPRE as variáveis geradas pelo theme.json
 * (var(--wp--preset--color--primary-text), var(--wp--custom--radius--medium) etc.),
 * nunca cores ou medidas fixas. Componentes ficam em componentes/.
 */

/*
 * Escopo apenas desktop (docs/decisoes/0002-escopo-apenas-desktop.md):
 * abaixo de 1280px o layout não se reorganiza; o navegador mostra
 * rolagem horizontal.
 */
body {
	min-width: var(--wp--custom--layout--canvas);
}

/* Rodapé sempre no fim da tela, mesmo em páginas curtas. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wp-site-blocks > main,
.wp-site-blocks > .pna-principal {
	flex: 1;
}

.wp-site-blocks > footer {
	margin-block-start: var(--wp--preset--spacing--80);
}

/* Texto apenas para leitores de tela. */
.pna-so-leitor {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Ícones SVG impressos por pna_icone(). */
.pna-icone {
	display: inline-block;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}