/* Header em 2 linhas, seguindo a especificação de referência:
   1) topo branco: logo + texto de newsletter
   2) barra escura: menu + ícones sociais/busca/carrinho, com borda amarela em cima
*/

header.elementor-3124.elementor-location-header {
	background-color: #ffffff !important;
}
header.elementor-3124 .elementor-element-1642016 {
	flex-direction: column !important;
	padding: 0 !important;
	min-height: 0 !important;
}

/* ---------- Linha 1: logo + newsletter ---------- */
header.elementor-3124 .elementor-element-78b6f594 {
	width: 100% !important;
	background-color: #ffffff !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	padding: 15px 4% !important;
	box-sizing: border-box !important;
	gap: 12px;
}

header.elementor-3124 .elementor-element-663c93d7 {
	flex: 0 0 auto !important;
	width: auto !important;
}
header.elementor-3124 [data-widget_type^="theme-site-logo"] img {
	max-height: 80px !important;
	width: auto !important;
}

header.elementor-3124 .elementor-element-8a1c4e2f {
	flex: 0 1 auto !important;
	max-width: 840px !important;
	width: auto !important;
}
header.elementor-3124 .elementor-element-8a1c4e2f img {
	max-width: 100%;
	height: auto;
	display: block;
}
@media (max-width: 767px) {
	header.elementor-3124 .elementor-element-8a1c4e2f {
		display: none !important;
	}
}

/* ---------- Linha 2: barra escura com menu + ícones ---------- */
header.elementor-3124 .elementor-element-4376ab2a {
	width: 100% !important;
	background-color: #232323 !important;
	border-top: 3px solid #ffc800;
	padding: 0 4% !important;
	box-sizing: border-box !important;
	justify-content: space-between !important;
}

header.elementor-3124 .elementor-nav-menu {
	gap: 0 !important;
}
header.elementor-3124 .elementor-nav-menu a,
header.elementor-3124 .elementor-nav-menu .elementor-item {
	display: block;
	padding: 12px 16px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* item ativo/hover ganha bloco de fundo amarelo, não só cor de texto */
header.elementor-3124 .elementor-nav-menu .elementor-item-active,
header.elementor-3124 .elementor-nav-menu li.current-menu-item > a {
	background-color: #ffc800 !important;
	color: #ffffff !important;
}
header.elementor-3124 .elementor-nav-menu a:hover:not(.elementor-item-active) {
	color: #ffc800 !important;
	background-color: transparent !important;
}

header.elementor-3124 .elementor-menu-toggle,
header.elementor-3124 .elementor-search-form__icon,
header.elementor-3124 .elementor-search-form__toggle svg,
header.elementor-3124 .e-font-icon-svg {
	fill: #ffc800 !important;
	color: #ffc800 !important;
}

header.elementor-3124 .elementor-menu-cart__toggle_button {
	background-color: transparent;
	color: #ffc800 !important;
}
header.elementor-3124 .elementor-menu-cart__toggle_button:hover {
	color: #ffffff !important;
}
header.elementor-3124 .elementor-menu-cart__toggle_button .elementor-button-icon {
	position: relative;
	top: -5px;
}

header.elementor-3124 .elementor-search-form,
header.elementor-3124 .elementor-search-form__container {
	border-color: rgba(255, 200, 0, 0.4);
}

/* Nessa faixa de largura o menu ainda tenta ficar em uma linha só (o
   hamburguer do Elementor só liga no breakpoint mobile), e o último item
   quebra pra uma 2ª linha. Reduzimos o espaçamento entre itens só aqui. */
@media (min-width: 1025px) and (max-width: 1199px) {
	header.elementor-3124 .elementor-nav-menu a,
	header.elementor-3124 .elementor-nav-menu .elementor-item {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1074px) {
	header.elementor-3124 .elementor-nav-menu a,
	header.elementor-3124 .elementor-nav-menu .elementor-item {
		padding-left: 6px !important;
		padding-right: 6px !important;
		font-size: 10px !important;
	}
}

/* dropdown de submenu mantém fundo escuro consistente */
header.elementor-3124 .elementor-nav-menu--dropdown,
header.elementor-3124 ul.elementor-nav-menu ul.sub-menu {
	background-color: #232323;
}
header.elementor-3124 .elementor-nav-menu--dropdown a {
	color: #ffffff;
}