/* Menu hambúrguer progressivo (paridade com index.html / index.css)
   Carregue após canoas.css, comunicacao.css, consulta.css, etc. */

/* Desktop: barra completa + hamburger oculto */
@media (min-width: 1201px) {
  .modern-header .header-container {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }
  .modern-header .logo-section {
    grid-column: 1;
  }
  .modern-header .desktop-nav {
    display: flex !important;
    align-items: center;
    grid-column: 2;
  }
  .modern-header .nav-list {
    display: flex !important;
  }
  .modern-header .nav-list > .nav-item {
    display: list-item;
  }
  .modern-header .language-selector,
  .modern-header .nav-item--lang {
    display: block;
  }
  .modern-header .mobile-menu {
    display: none !important;
  }
}

/* Com seletor de idioma: tier 0 — hamburger + idioma no drawer, âncoras na barra */
@media (max-width: 1200px) {
  .modern-header:has(.nav-item--lang) .nav-item--lang,
  .modern-header:has(.nav-item--lang) .language-selector {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-menu {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    grid-column: 3;
  }
  .modern-header:has(.nav-item--lang) .desktop-nav {
    display: flex !important;
    min-width: 0;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-link {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--lang {
    display: block !important;
  }

  .mobile-toggle {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }
  .modern-header.scrolled .mobile-menu {
    display: flex !important;
  }
}

/* Sem seletor de idioma: primeiro passo = “Trabalhe Conosco” (equivale ao tier 1100 da home) */
@media (max-width: 1200px) {
  .modern-header:not(:has(.nav-item--lang)) .mobile-menu {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    grid-column: 3;
  }
  .modern-header:not(:has(.nav-item--lang)) .desktop-nav {
    display: flex !important;
    min-width: 0;
  }
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--careers,
  .modern-header:not(:has(.nav-item--lang)) .nav-list > li.nav-item--careers {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-link {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--careers {
    display: block !important;
  }
}

/* Tiers (acumulativos) — com .nav-item--lang (home em ≤600) */
@media (max-width: 1100px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--careers {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--careers {
    display: block !important;
  }
}
@media (max-width: 1020px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--comunicacao {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--comunicacao {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--informacoes {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--informacoes {
    display: block !important;
  }
}
@media (max-width: 890px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--fornecedores {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--fornecedores {
    display: block !important;
  }
}
@media (max-width: 820px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--esg {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--esg {
    display: block !important;
  }
}
@media (max-width: 750px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--produtos {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--produtos {
    display: block !important;
  }
}
@media (max-width: 680px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--units {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--units {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .modern-header:has(.nav-item--lang) .nav-list .nav-item--home {
    display: none !important;
  }
  .modern-header:has(.nav-item--lang) .mobile-nav .mobile-nav-item--home {
    display: block !important;
  }
}

/* Sem idiomam: passos a partir de 1200 (careers já 1200) — alinhar aos mesmos degraus seguintes */
@media (max-width: 1020px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--comunicacao {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--comunicacao {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--informacoes {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--informacoes {
    display: block !important;
  }
}
@media (max-width: 890px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--fornecedores {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--fornecedores {
    display: block !important;
  }
}
@media (max-width: 820px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--esg {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--esg {
    display: block !important;
  }
}
@media (max-width: 750px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--produtos {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--produtos {
    display: block !important;
  }
}
@media (max-width: 680px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--units {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--units {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .modern-header:not(:has(.nav-item--lang)) .nav-list .nav-item--home {
    display: none !important;
  }
  .modern-header:not(:has(.nav-item--lang)) .mobile-nav .mobile-nav-item--home {
    display: block !important;
  }
}

/* Barra estreita: logo + hambúrguer */
@media (max-width: 620px) {
  .modern-header .header-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.75rem;
    width: 100%;
  }
  .modern-header .logo-section {
    flex: 0 0 auto;
    min-width: 0;
  }
  .modern-header .mobile-menu {
    display: flex !important;
    flex: 0 0 auto;
    margin-left: auto;
    grid-column: auto;
  }
}

/* Tudo no drawer: some desktop-nav (evita área vazia) */
@media (max-width: 600px) {
  .modern-header .desktop-nav {
    display: none !important;
  }
}

/* Paridade direta com index.html: não depender de :has() para migrar links ao drawer */
@media (max-width: 1200px) {
  .modern-header .header-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    column-gap: clamp(0.25rem, 1.2vw, 0.65rem);
    width: 100%;
    min-width: 0;
  }

  .modern-header .logo-section {
    flex: 0 0 auto;
    min-width: 0;
  }

  .modern-header .desktop-nav {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .modern-header .nav-list {
    flex-wrap: nowrap;
  }

  .modern-header .language-selector,
  .modern-header .nav-item--lang {
    display: none !important;
  }

  .modern-header .mobile-menu {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    grid-column: auto;
  }

  .modern-header .mobile-nav .mobile-nav-link {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--lang {
    display: block !important;
  }
}

@media (max-width: 1100px) {
  .modern-header .nav-list .nav-item--careers {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--careers {
    display: block !important;
  }
}

@media (max-width: 1020px) {
  .modern-header .nav-list .nav-item--comunicacao {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--comunicacao {
    display: block !important;
  }
}

@media (max-width: 960px) {
  .modern-header .nav-list .nav-item--informacoes {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--informacoes {
    display: block !important;
  }
}

@media (max-width: 890px) {
  .modern-header .nav-list .nav-item--fornecedores {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--fornecedores {
    display: block !important;
  }
}

@media (max-width: 820px) {
  .modern-header .nav-list .nav-item--esg {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--esg {
    display: block !important;
  }
}

@media (max-width: 750px) {
  .modern-header .nav-list .nav-item--produtos {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--produtos {
    display: block !important;
  }
}

@media (max-width: 680px) {
  .modern-header .nav-list .nav-item--units {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--units {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .modern-header .nav-list .nav-item--home {
    display: none !important;
  }

  .modern-header .mobile-nav .mobile-nav-item--home {
    display: block !important;
  }

  .modern-header .desktop-nav {
    display: none !important;
  }
}