/**
 * Header de scroll (PUCPR EAD)
 * ---------------------------------------------------------------------------
 * O bar compacto do header (CSS ID #pucpr-scroll-header) deve aparecer só
 * depois que o header principal sai de cena. O Elementor já cuida do
 * position:fixed / largura / fundo / z-index do bar; aqui só fazemos a
 * revelação: estacionado acima da viewport (translateY(-100%)) e deslizando
 * pra baixo quando o JS adiciona .is-visible (gatilho por scroll).
 *
 * IMPORTANTE: o ID precisa estar no PRÓPRIO bar fixo (o container com fundo
 * branco e o conteúdo), não no wrapper externo. O wrapper tem altura 0 e o bar
 * é position:fixed relativo à viewport — transformar o wrapper não move o bar.
 *
 * Desktop-only fica a cargo do "Ocultar em Tablet/Mobile" do wrapper no
 * Elementor (usa os breakpoints configurados do projeto), então não forçamos
 * media query aqui pra não brigar com breakpoints customizados.
 *
 * Usamos o CSS ID (estável), não a classe atômica gerada (.e-XXXX-YYYY), que
 * muda quando o elemento é reeditado.
 */
#pucpr-scroll-header {
	transform: translateY(-100%);
	transition: transform 0.4s ease;
	will-change: transform;
}

#pucpr-scroll-header.is-visible {
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	#pucpr-scroll-header {
		transition: none;
	}
}