/* Ajustes da versão PHP que não existem no globals.css compartilhado.
   Mantido em arquivo separado para não divergir do CSS do vakinha-next. */

/* Trava de scroll do menu mobile.
   No iOS, body{overflow:hidden} não segura o scroll — a página de trás continua
   se mexendo por baixo do menu. position:fixed é o único jeito que o Safari
   respeita. Como o menu só abre depois de subir ao topo (window.scrollTo(0,0)),
   fixar em top:0 não causa salto de posição. */
body.vk-locked {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

/* O <nav> cobre a tela inteira quando aberto; impedir que o gesto de rolar
   dentro dele "vaze" para o documento. */
.site-header nav.open {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* ------------------------------------------------------------------
   [hidden] TEM que esconder.

   O atributo hidden vale display:none pela folha do navegador, que perde
   para QUALQUER regra de classe com display explícito. O globals.css tem
   .toast{display:flex}, .mobile-actions{display:flex} etc — então um
   <div class="toast" hidden> continuava visível: era a barra escura que
   aparecia fixa no topo, por cima do header.

   No React esses elementos nem existiam no DOM (`{toast && <div/>}`);
   aqui eles são renderizados e alternados por hidden, então a regra
   abaixo é o que sustenta esse padrão.
   ------------------------------------------------------------------ */
[hidden] {
  display: none !important;
}