/* Tap tap en vivo: el total de "Me gusta" junto al botón nativo. */

.tt-globo {
  position: fixed;
  z-index: 25;                       /* sobre la columna nativa (z-index 20) */
  transform: translateX(-50%);
  min-width: 22px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  font: 800 11px/16px system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  text-align: center;
  pointer-events: none;              /* no le roba el toque al botón */
}

/* Dentro del live, un doble toque no debe seleccionar texto ni sacar el menú
   de copiar de iPhone. Los campos de texto quedan fuera: hay que poder
   escribir y pegar en el chat. */
html.tt-live body *:not(input):not(textarea):not([contenteditable]) {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Chrome y Safari heredan el "none" del contenedor aunque el selector de
   arriba excluya los campos, y en iPhone no se podría mantener pulsado para
   pegar (un cupón, por ejemplo). Se devuelve la selección explícitamente. */
html.tt-live input,
html.tt-live textarea,
html.tt-live [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}