/* Klero — iPad / iPhone and other touch screens */

/* ---------- iPad / iPhone (Safari) ---------- */
/* No text-selection magnifier or "Copy / Look Up" callout when pressing and holding a juror. */
.juror, .juror * { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
/* Buttons respond immediately (no double-tap-to-zoom delay). */
button, .btn, .seg button, .rank tr.row { touch-action: manipulation; }
@media (pointer: coarse) {
  /* Safari zooms the whole page when a field with text under 16px gets focus; keep fields at 16px on touch screens. */
  input, textarea, select { font-size: 16px !important; }
  /* Bigger targets for fingers. */
  .btn { min-height: 36px; padding: 6px 12px; }
  .row-ed .btn.sq, .score-row .btn.sq { width: 40px; height: 40px; }
  .x { min-width: 36px; min-height: 36px; }
  .bar input.small { width: 72px; }
}

/* Touch screens: swiping a box scrolls the page (and pinch zooms) unless "Move jurors" is on. */
@media (pointer: coarse) {
  .juror { touch-action: manipulation; }
  .stage.moving .juror { touch-action: none; }
}
/* Move jurors mode: dragging boxes (pointer devices) */
.stage.moving .juror { cursor: grab; box-shadow: 0 0 0 2px var(--select), 0 3px 8px rgba(0,0,0,.12); }
.move-btn.on { background: var(--select) !important; border-color: var(--select) !important; color: #fff !important; }
.moving-hint { color: var(--select); }
.moving-hint b { color: var(--select); }