/* -------------------------------------------------------------------------
 * Header fixo (sticky) — #main-header / #sticky-header
 * O JS (header.js) alterna a classe `mmp-sticky-active` no <body>
 * quando o scroll passa o fundo do #main-header.
 *
 * Nota: nunca usar `visibility: hidden` aqui — os SVGs dos logótipos
 * partilham IDs de clip-path duplicados e esconder o primeiro com
 * visibility quebra a resolução do url(#...) em todos os outros.
 * ------------------------------------------------------------------------- */

/* Escondido acima do viewport até ser ativado */
body #sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;
	transition: transform 0.4s ease, opacity 0.4s ease;
}

body.mmp-sticky-active #sticky-header {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
    box-shadow: 0 2px 12px rgba( 0, 0, 0, .08 );
}

/* Compensar a admin bar do WordPress quando iniciado sessão */
body.admin-bar:not(.elementor-editor-active) #sticky-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar:not(.elementor-editor-active) #sticky-header {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	body.admin-bar:not(.elementor-editor-active) #sticky-header {
		top: 0px;
	}
}

/* O header principal desvanece quando o sticky entra */
#main-header {
	transition: opacity 0.3s ease;
}

body.mmp-sticky-active #main-header {
	opacity: 0;
	pointer-events: none;
}

/* Sem animação para quem prefere movimento reduzido */
@media (prefers-reduced-motion: reduce) {
	#main-header,
	body:not(.elementor-editor-active) #sticky-header {
		transition: none;
	}
}