/* CSS para menu estilo Complex.com com estrutura HTML simplificada */

/* -------- ESTRUTURA PRINCIPAL DO MENU -------- */
/* Resetar qualquer estilo que possa interferir */
#header-menu-1 ul,
#header-menu-1 li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Configurações do cabeçalho */
#header {
  border-bottom: none !important;
}

#header > div[data-row="middle"] {
  border-bottom: none !important;
}

/* Barra principal do menu que contém os itens de primeiro nível */
#header-menu-1 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0 !important;
}

/* Itens de primeiro nível */
#header-menu-1 ul#menu-main-menu > li.menu-item {
  position: relative;
  margin: 0 25px 0 0;
  align-items: flex-end;
}

#header-menu-1 ul#menu-main-menu > li.menu-item > a.ct-menu-link {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 15px 0;
  color: #000;
  display: inline-block;
}

/* -------- NAVEGAÇÃO SECUNDÁRIA SIMPLIFICADA -------- */

/* Menu secundário simplificado */
.secondary-nav {
  width: 100%;
  background-color: var(--theme-palette-color-4);
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 999;
}

/* Quando o menu está fixo no topo - integrado com sticky unificado */
.unified-sticky .secondary-nav {
  position: fixed !important;
  top: calc(var(--promo-banner-height) + var(--header-height)) !important;
  left: 0;
  right: 0;
  width: 100% !important;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  max-width: 100%;
  padding: 0;
}

.unified-sticky .secondary-nav .submenu-set {
  /*max-width: 1900px;*/
  margin: 0 auto;
  padding: 0 24px;
}

/* Conjunto de links do submenu */
.submenu-set {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 24px;
  /*max-width: 1900px;*/
  margin: 0 auto;
}

/* Item do submenu (div que contém o link) */
.submenu-item {
  margin-right: 25px;
}

/* Link dentro do item do submenu */
.submenu-link {
  font-size: 12px;
  font-family: var(--theme-font-family);
  font-weight: 900;
  line-height: 16px;
  color: var(--theme-palette-color-8);
  transition: color 0.2s ease;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}

.submenu-link:hover {
    color: var(--theme-palette-color-8);
}

/* -------- ADAPTAÇÃO PARA O BLOCKSY -------- */

/* Esconder a estrutura original de submenus do Blocksy */
#header-menu-1 ul#menu-main-menu > li.menu-item > ul.sub-menu {
  display: none !important;
}

/* Remover ícones de dropdown padrão do Blocksy */
#header-menu-1 ul#menu-main-menu > li.menu-item > a.ct-menu-link .ct-toggle-dropdown-desktop,
.ct-toggle-dropdown-desktop-ghost {
  display: none !important;
}

/* Remover animações padrão do Blocksy */
#header-menu-1 .animated-submenu-block,
#header-menu-1 .animated-submenu-fade {
  animation: none !important;
}

/* Garantir que a barra secundária tenha espaço suficiente */
#header + .secondary-nav {
  margin-top: 0 !important;
}

/* Ajustes para o sticky unificado */
.unified-sticky #header {
  position: fixed !important;
  top: var(--promo-banner-height) !important;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100% !important;
}

.unified-sticky .ct-sticky-container {
  position: static !important;
  top: auto !important;
  height: auto !important;
}

/* Compensar o espaço quando está sticky */
.unified-sticky {
  padding-top: var(--total-sticky-height) !important;
}

/* -------- RESPONSIVIDADE -------- */
@media (max-width: 1000px) {
  /* Menu mobile - voltar ao comportamento padrão */
  #header-menu-1 ul#menu-main-menu {
    flex-direction: column;
  }
  
  .secondary-nav {
    display: none !important;
  }
  
  /* Restaurar submenu original do Blocksy para mobile */
  #header-menu-1 ul#menu-main-menu > li.menu-item > ul.sub-menu {
    display: none !important;
    position: relative !important;
    width: 100% !important;
  }
  
  #header-menu-1 ul#menu-main-menu > li.menu-item.dropdown-active > ul.sub-menu {
    display: block !important;
  }
  
  /* Mostrar novamente os toggles em mobile */
  #header-menu-1 ul#menu-main-menu > li.menu-item > a.ct-menu-link .ct-toggle-dropdown-desktop {
    display: inline-block !important;
  }
  
  /* Ajustar o padding em mobile */
  .unified-sticky {
    padding-top: calc(var(--promo-banner-height) + var(--header-height)) !important;
  }
}