/* Menu lateral recolhível (v22): no computador, o botão ☰ do topo recolhe o
   menu para uma faixa só com ícones (classe html.acai-menu-mini, ver
   menu-recolhivel.js). No celular nada muda. */
.sb__nav { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; }
.sb__nav::-webkit-scrollbar { width: 6px; }
.sb__nav::-webkit-scrollbar-track { background: transparent; }
.sb__nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.25); border-radius: 6px; }
.sb__nav::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.4); }

@media (min-width: 992px) {
  html .topbar__burger.d-lg-none { display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: var(--r-sm); font-size: 1.25rem; }
  html .topbar__burger.d-lg-none:hover { background: var(--surface-alt); }
  html .sb__panel, html .main-wrap { transition: width .2s ease, margin-left .2s ease; }

  html.acai-menu-mini .sb__panel { width: 76px; }
  html.acai-menu-mini .main-wrap { margin-left: 76px; }
  html.acai-menu-mini .sb__brand { justify-content: center; padding-left: 0; padding-right: 0; }
  html.acai-menu-mini .sb__brand .acai-logo--full { display: none; }
  html.acai-menu-mini .sb__brand .acai-logo--icone { display: block; }
  html.acai-menu-mini .sb__nav { padding-left: 0; padding-right: 0; align-items: center; }
  html.acai-menu-mini .sb__link { width: 46px; height: 44px; padding: 0; gap: 0; justify-content: center; }
  html.acai-menu-mini .sb__link span { display: none; }
  html.acai-menu-mini .sb__link i { width: auto; font-size: 1.1rem; }
  html.acai-menu-mini .sb__sep { width: 40px; margin-left: auto; margin-right: auto; }
}
.acai-menu-dica { position: fixed; z-index: 1100; transform: translateY(-50%); background: #261238; color: #fff; padding: 6px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 6px 16px rgba(38,18,56,.25); pointer-events: none; }
@media print { .acai-menu-dica { display: none !important; } }

/* Logo (v23): a imagem completa; a versão só do ícone aparece no menu recolhido. */
.acai-logo { display: block; max-width: 100%; object-fit: contain; }
.acai-logo--icone { display: none; }