/* ═══════════════════════════════════════════════════════════════════════════
   TRASCINARE PER RIORDINARE — il vestito
   ═══════════════════════════════════════════════════════════════════════════
   Il gesto lo fa `/assets/comune/trascina.js`. Qui c'è solo come si vede: la
   copia che segue il dito, il posto vuoto che resta in fila, e le tre cose del
   browser da spegnere — perché tenere premuto, per lui, vuol dire un'altra
   cosa: esce il suo menu (apri, copia, condividi) con l'anteprima della pagina,
   e il trascinamento non comincia nemmeno.

   Si spengono solo dentro una fila che si trascina: sul resto del sito tenere
   premuto un link deve continuare a fare quello che uno si aspetta. */
.tr-fila > *{
  -webkit-touch-callout:none;
  -webkit-user-select:none; user-select:none;
  -webkit-user-drag:none; }

/* Quella in mano resta in fila ma si fa vedere come un posto vuoto: è lì che
   finirà, e vederlo prima di lasciare è tutto quello che serve. */
.tr-presa{ opacity:.25; }

/* La copia che segue il dito: fuori da tutto, e non intercetta niente — se
   rispondesse al tocco, `elementFromPoint` troverebbe sempre lei. */
.tr-copia{ position:fixed; z-index:1500; margin:0; pointer-events:none;
  transform:scale(1.08); filter:drop-shadow(0 12px 22px rgba(0,8,20,.65)); }

/* Mentre si sposta, il dito muove le cose e non la pagina. */
.tr-sposta{ touch-action:none; }