/* Site no celular com cara de app (24/10, devjunior — skill mobile-native). Carregado por último no layout.php.
   O :hover "grudado" foi resolvido no próprio CSS (/root/casa-rebuild/brava-tools/hover-gate.py). */

/* sem o flash cinza/azul do navegador no toque; sem a letra crescer ao virar o celular */
html { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* toque responde na hora (sem a espera de ~300ms do "duplo toque") e segurar o dedo não seleciona o texto do botão */
button, [role="button"], .btn, label[for] { touch-action: manipulation; -webkit-user-select: none; user-select: none; }
a { touch-action: manipulation; }

/* iPhone dá zoom sozinho ao tocar num campo com letra < 16px (e não volta). Só em tela de toque;
   no PC os campos continuam com o tamanho do desenho. Campo só-leitura (código PIX etc.) não mexe. */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([readonly]),
  textarea:not([readonly]), select { font-size: 16px !important; }
}

/* 100vh no celular = altura com a barra do Safari escondida -> passa da tela. svh/dvh = altura visível de verdade. */
@supports (height: 100svh) {
  .main-content--chines[data-v-66755cc3], .chines-viewport[data-v-66755cc3], .ch-home[data-v-734cbbd6],
  .legal-page[data-v-725b3642], .rw-page[data-v-1426dadf], .rw-page[data-v-ea736b4b] { min-height: 100svh; }
  .lc-panel[data-v-b1e164a0] { height: max(260px, min(520px, calc(100dvh - var(--lc-gap-bottom) - 96px))); max-height: calc(100dvh - 96px); }
}