/*
 * Cabeçalho compacto: vale quando o <body> ganha a classe ddv-cabecalho-compacto (assets/js/cabecalho.js, ao rolar).
 *
 * Arquivo à parte, fora do "CSS usado" do WP Rocket: a análise da página é feita sem rolagem, a classe não está no
 * HTML e o WP Rocket cortava estas regras. O cabeçalho só encolhia nas páginas ainda não analisadas (Flávio, 03/11/2026).
 * O resto do cabeçalho (cabecalho.css) continua no CSS usado, que entra direto no HTML.
 */

/* Marcador do topo, criado pelo script: quando sai da tela, o cabeçalho encolhe. */
.ddv-cabecalho-marcador { position: absolute; top: 0; left: 0; width: 1px; height: 40px; pointer-events: none; }

.ddv-cabecalho-compacto .wp-site-blocks > header.wp-block-template-part { box-shadow: 0 4px 16px rgb(9 23 42 / 25%); }
.ddv-cabecalho-compacto .ddv-cabecalho__barra { height: var(--wp--custom--cabecalho--altura-compacta); }
.ddv-cabecalho-compacto .ddv-cabecalho__logo img { height: 38px; }
.ddv-cabecalho-compacto .ddv-cabecalho__menu .wp-block-navigation__container .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--medium); }
.ddv-cabecalho-compacto .ddv-botao-busca .wp-block-button__link { height: 40px; }

@media (max-width: 760px) {
	.ddv-cabecalho-compacto .ddv-cabecalho__logo img { height: 32px; }
	/* No celular, Buscar é só a lupa com área de toque de 44 px, também no compacto. */
	.ddv-cabecalho-compacto .ddv-botao-busca .wp-block-button__link { width: 44px; height: 44px; }
}