/* ════════════════════════════════════════════════════════════════════════
   DentGrow — Cabeçalho do Theme Builder (layout 52)
   Carregado em todas as páginas por mu-plugins/dentgrow-blog-index.php.
   Só atua dentro de .et-l--header (blog, artigos, páginas legais); a página
   inicial tem cabeçalho próprio e não é afetada.

   Porque existe:
   - O logótipo SVG renderizava a 0×0 px dentro do menu Divi 5 (medido a
     06/11/2026). Fixamos a altura e deixamos a largura seguir a proporção.
   - «Análise gratuita» passa a botão DentBlue, como na página inicial e
     como o manual de normas pede para CTAs.
   - O item da página atual (Blog) fica branco com um traço GrowGreen.
   O item do botão leva a classe CSS «dg-menu-cta» (Aparência → Menus,
   item 89 do menu 58).
   ════════════════════════════════════════════════════════════════════════ */

.et-l--header .et_pb_menu__logo-wrap { flex: 0 0 auto; }
.et-l--header .et_pb_menu__logo,
.et-l--header .et_pb_menu__logo a { display: flex; align-items: center; }
.et-l--header .et_pb_menu__logo img {
	display: block;
	height: 30px !important;
	width: auto !important;
	max-width: none !important;
}

/* Itens do menu (desktop) */
.et-l--header .et-menu-nav > ul > li > a { transition: color .15s ease; }
.et-l--header .et-menu-nav > ul > li.current-menu-item:not(.dg-menu-cta) > a,
.et-l--header .et-menu-nav > ul > li.current_page_parent:not(.dg-menu-cta) > a {
	color: #FFFFFF !important;
	box-shadow: inset 0 -2px 0 #00C896;
}

/* Botão «Análise gratuita» (desktop) */
.et-l--header .et-menu-nav > ul > li.dg-menu-cta { display: flex; align-items: center; }
.et-l--header .et-menu-nav > ul > li.dg-menu-cta > a {
	background: #1558D6;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	padding: 12px 20px !important;
	border-radius: 8px;
	line-height: 1 !important;
	transition: background .15s ease;
}
.et-l--header .et-menu-nav > ul > li.dg-menu-cta > a:hover {
	background: #0E3FA0;
	opacity: 1 !important;
}