/**
 * Cabeçalho overlay (header--overlay): empurra <main> pela altura real do header.
 *
 * @property garante que a variável tem initial-value: 92px desde o primeiro paint,
 * eliminando o layout shift causado pelo JS a correr depois do render.
 * O JS (header-overlay-offset.js) continua a afinar o valor via ResizeObserver
 * para casos edge (resize, fonte diferente), mas na prática o valor já está
 * correcto desde o início e o layout não salta.
 *
 * Nota: @property requer Chromium 85+, Firefox 128+, Safari 16.4+.
 * Browsers sem suporte ignoram a regra e usam o fallback var(..., 92px).
 */
@property --screenshot-overlay-header-offset {
	syntax: '<length>';
	inherits: true;
	initial-value: 92px;
}

body:not(.home) .wp-site-blocks:has(> .site-header.header--overlay) > main {
	padding-top: var(--screenshot-overlay-header-offset, 92px);
}