/* Navbar no celular — correção NOSSA, não faz parte da captura do site antigo.
 *
 * Este arquivo é o único em public/sites/coopaibi/assets/ que não veio do
 * cPanel. Os demais são cópia byte a byte, verificável por sha256, e não se
 * edita nenhum deles: por isso a correção vive aqui, num arquivo à parte,
 * carregado DEPOIS do style.css para vencer na cascata.
 *
 * O defeito: `.nav-brand { flex-shrink: 0 }` (style.css:106) impede a marca de
 * encolher, e `.navbar .container` é flex sem wrap. Em tela estreita o logo, o
 * nome e o subtítulo "Cooperativa Mista Agropecuária de Ibirataia" ocupam a
 * largura inteira e empurram o botão ☰ para FORA da viewport — no celular a
 * pessoa fica sem nenhuma forma de abrir o menu, e portanto sem como chegar à
 * Loja, ao Cacau ou a qualquer outra página.
 *
 * A Loja já era a exceção: ganhou este tratamento em 08/08/2026
 * (lib/site/coopaibi/topo.ts), quando o Giorgio relatou o botão fora da tela.
 * A correção nunca saiu de lá — home, cacau, notícias, vídeos, ações e as
 * cinco páginas estáticas seguiram com o defeito até 11/08/2026.
 *
 * Quem cede é a MARCA, e nunca os botões: eles são o único acesso ao menu.
 */

@media (max-width: 1000px) {
  /* Permitir quebra de linha é o que impede o transbordo: se não couber tudo
     numa linha, a barra usa duas em vez de empurrar o que sobra para fora. */
  .navbar .container {
    flex-wrap: wrap;
    gap: 8px 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
  }

  /* A marca passa a poder encolher (o `flex-shrink:0` da casca é o defeito).
     `min-width:0` é obrigatório: sem ele um item flex não encolhe abaixo do
     conteúdo, e a regra acima não teria efeito nenhum. */
  .nav-brand {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }

  /* Nome e subtítulo cortam com reticências em vez de esticar a barra. */
  .nav-brand-text strong,
  .nav-brand-text span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Os dois botões nunca encolhem e ficam sempre à direita, visíveis. */
  .gt-btn-navbar,
  .nav-toggle {
    order: 2;
    flex-shrink: 0;
  }
}