/**
 * Menu principal — paleta Codificar (preto / verde / branco).
 * Dropdowns e submenus: fundo verde, texto branco (sem roxo do tema Niva).
 */

:root {
	--codificar-menu-green: #1d7842;
	--codificar-menu-green-bright: #57b240;
	--codificar-menu-green-hover: #165a32;
	--codificar-black: #080910;
	--codificar-white: #ffffff;
}

/* Header — barra superior preta, links brancos */
.div-contacts {
	background-color: var(--codificar-black) !important;
}

body.header2 #sweetthemes-main-head.navbar-default,
body.header2 #sweetthemes-main-head.navbar-default.logo-infos {
	background-color: var(--codificar-black) !important;
	border-color: transparent !important;
}

body.header2 #navbar .menu > .menu-item > a,
body.header2 .navbar-default .navbar-nav > li > a {
	color: var(--codificar-white) !important;
	background: transparent !important;
}

body.header2 .navbar-toggle {
	border-color: rgb(255 255 255 / 25%);
}

body.header2 .navbar-toggle .fa {
	color: var(--codificar-white);
}

/* Logo — link para home (PNG transparente, sem caixa de fundo) */
.codificar-header-logo {
	margin: 18px 0;
	font-size: 0;
	line-height: 0;
}

.codificar-logo-home {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.codificar-logo-home:hover,
.codificar-logo-home:focus-visible {
	opacity: 0.88;
	outline: none;
}

.codificar-logo-home:focus-visible {
	box-shadow: 0 0 0 2px rgb(87 178 64 / 55%);
	border-radius: 2px;
}

/* Sobrescreve .logo img { max-width: 120px } do tema pai — evita logo achatada */
body.header2 .navbar-header .codificar-header-logo img,
body.header2 .codificar-logo-home img {
	display: block;
	width: auto;
	height: auto;
	max-height: 45px;
	max-width: min(177px, 55vw);
	aspect-ratio: 220 / 56;
	object-fit: contain;
}

@media (max-width: 767px) {
	body.header2 .codificar-header-logo {
		margin: 10px 0 15px;
	}

	body.header2 .codificar-logo-home img {
		max-height: 40px;
		max-width: min(157px, 55vw);
	}
}

/* Hover desktop — texto verde no menu principal (barra preta) */
body #navbar ul:not(.sub-menu) > .menu-item:hover > a,
body #navbar ul:not(.sub-menu) > .menu-item.selected > a,
body #navbar ul:not(.sub-menu) > .menu-item.current-menu-item > a,
body #navbar ul:not(.sub-menu) > .menu-item.current_page_item > a,
.navstyle-v1.header2 #navbar .menu > .menu-item:hover > a,
.navstyle-v1.header3 #navbar .menu > .menu-item:hover > a,
.navstyle-v2 #navbar .menu > .menu-item:hover > a,
.navstyle-v2 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v3 #navbar .menu > .menu-item:hover > a,
.navstyle-v3 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v4 #navbar .menu > .menu-item:hover > a,
.navstyle-v4 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v5 #navbar .menu > .menu-item:hover > a,
.navstyle-v5 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v6 #navbar .menu > .menu-item:hover > a,
.navstyle-v6 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v7 #navbar .menu > .menu-item:hover > a,
.navstyle-v7 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v8.header2 #navbar .menu > .menu-item:hover > a,
.navstyle-v8.header3 #navbar .menu > .menu-item:hover > a,
.navstyle-v8 #navbar .menu > .menu-item:hover > a,
.navstyle-v8 #navbar .menu > .menu-item.current-menu-item > a {
	color: var(--codificar-menu-green-bright) !important;
	background: transparent !important;
}

/* Sublinhado animado — verde (substitui roxo #6022ea do tema pai) */
#navbar .menu > .menu-item > a::before {
	background: var(--codificar-menu-green-bright) !important;
	transition: width 0.35s ease !important;
}

/* ── Dropdowns / submenus — verde + branco (todas as profundidades) ── */

#navbar .sub-menu,
#navbar .sub-menu .sub-menu,
.navbar ul li ul.sub-menu,
.navstyle-v7 #navbar .sub-menu,
.navstyle-v7 .navbar ul li ul.sub-menu,
header #navbar .sub-menu,
header #navbar .menu-item:hover .sub-menu,
body header #navbar .sub-menu,
body #navbar .sub-menu {
	background: var(--codificar-menu-green) !important;
	background-color: var(--codificar-menu-green) !important;
	border-color: var(--codificar-menu-green) !important;
	box-shadow: none !important;
}

#navbar .sub-menu .menu-item > a,
#navbar ul.sub-menu li a,
.navbar ul li ul.sub-menu .menu-item > a,
header #navbar .sub-menu .menu-item > a,
header #navbar .sub-menu .sub-menu .menu-item > a,
header #navbar .sub-menu .sub-menu .sub-menu .menu-item > a,
body header #navbar .sub-menu .menu-item > a {
	color: var(--codificar-white) !important;
	background: transparent !important;
}

#navbar ul.sub-menu li a:hover,
#navbar .sub-menu .menu-item:hover > a,
#navbar .sub-menu .menu-item.selected > a,
#navbar .sub-menu .menu-item.current-menu-item > a,
#navbar .sub-menu .menu-item.current_page_item > a,
.nav-submenu-style1 #navbar .sub-menu .menu-item:hover > a,
.nav-submenu-style1 #navbar .sub-menu .menu-item.selected > a,
header #navbar .sub-menu .menu-item:hover > a,
header #navbar .sub-menu .menu-item > a:hover {
	background-color: var(--codificar-menu-green-hover) !important;
	color: var(--codificar-white) !important;
}

/* ── Mobile: menu colapsado — verde + branco (substitui roxo do media-screens.css) ── */

@media (max-width: 767px) {
	#navbar .menu > .menu-item > a::before,
	#navbar .menu > .menu-item > a::after {
		display: none !important;
	}

	body header #navbar .menu-item > a,
	body header #navbar .menu > .menu-item > a {
		background-color: var(--codificar-menu-green) !important;
		color: var(--codificar-white) !important;
		border-bottom: 1px solid rgb(255 255 255 / 12%) !important;
	}

	body header #navbar .sub-menu .menu-item > a,
	body header #navbar .sub-menu .sub-menu .menu-item > a,
	body header #navbar .sub-menu .sub-menu .sub-menu .menu-item > a {
		background-color: var(--codificar-menu-green-hover) !important;
		color: var(--codificar-white) !important;
	}

	body.header2 #navbar.navbar-collapse {
		background-color: var(--codificar-black);
		border-top: 1px solid rgb(255 255 255 / 8%);
	}

	body.header2 #navbar .menu > .menu-item.current-menu-item > a,
	body.header2 #navbar .menu > .menu-item.current_page_item > a {
		color: var(--codificar-white) !important;
		background-color: var(--codificar-menu-green-hover) !important;
	}
}