/* Cabeçalho (Figma: faixa verde de 131px). Parte: parts/header.html */

.pna-header {
	min-height: 131px;
}

.pna-header a:focus-visible {
	outline: var(--wp--custom--border--thin) solid var(--wp--preset--color--surface);
	outline-offset: 4px;
}

.pna-header__logo img {
	display: block;
}

.pna-menu .wp-block-navigation-item__content {
	padding-block: var(--wp--preset--spacing--20);
	text-decoration: none;
	border-bottom: var(--wp--custom--border--thin) solid transparent;
}

.pna-menu .wp-block-navigation-item__content:hover {
	border-bottom-color: currentColor;
	text-decoration: none;
}

.pna-menu .current-menu-item > .wp-block-navigation-item__content {
	font-weight: 700;
	border-bottom-color: currentColor;
}

/* Ações: visitante (bloco pna/header-acoes) */
.pna-header-acoes {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--50);
}

.pna-header-acoes__botao {
	display: inline-block;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	border: var(--wp--custom--border--thin) solid var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--medium);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}

.pna-header .pna-header-acoes__botao--contorno {
	color: var(--wp--preset--color--surface);
}

.pna-header .pna-header-acoes__botao--cheio {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary-text);
}

.pna-header .pna-header-acoes__botao:hover {
	text-decoration: underline;
}

/* Ações: usuário logado */
.pna-header-acoes__sino,
.pna-header-acoes__perfil {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--surface);
}

.pna-header-acoes__sino .pna-icone {
	width: 56px;
	height: 56px;
}

.pna-header-acoes__contador {
	position: absolute;
	top: -4px;
	right: -6px;
	min-width: 28px;
	height: 28px;
	padding-inline: 6px;
	border-radius: 14px;
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 28px;
	text-align: center;
}

.pna-header-acoes__perfil {
	width: 73px;
	height: 71px;
	border: var(--wp--custom--border--thin) solid var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--medium);
	background-color: var(--wp--preset--color--primary-strong);
}

.pna-header-acoes__perfil .pna-icone {
	width: 46px;
	height: 46px;
}

.pna-header-acoes__perfil:hover {
	background-color: var(--wp--preset--color--primary-text);
}