/**
 * Protecció contra dobles clics del procés de cita prèvia.
 * Qui ho mou és web/js/cita-previa.js; aquí només hi ha l'aspecte.
 *
 * Els selectors de control han de ser ELS MATEIXOS que els del JS
 * (constant SELECTOR): si divergissin, hi hauria botons que es bloquegen
 * sense apagar-se, o a l'inrevés.
 */

/* Mentre esperam el servidor, el cursor de tota la pàgina ho diu. */
body.cita-processant,
body.cita-processant a,
body.cita-processant button {
  cursor: progress;
}

/* Els controls que NO s'han clicat s'apaguen: només un camí queda viu. */
body.cita-processant a.btn:not(.cita-clicat),
body.cita-processant a.dia-hora-matricula:not(.cita-clicat),
body.cita-processant a.bloque__btn:not(.cita-clicat),
body.cita-processant button[type="submit"]:not(.cita-clicat),
body.cita-processant input[type="submit"]:not(.cita-clicat) {
  opacity: .55;
}

/* El control clicat es queda encès i amb el seu rodet, però ja no admet
   cap altre clic ni tan sols abans que el JS hi arribi. */
.cita-clicat {
  pointer-events: none;
}

.cita-rodet {
  margin-left: .5rem;
  vertical-align: -0.125em;
}

/* Qui no vulgui animacions no n'ha de patir: el rodet es queda quiet,
   però la resta de senyals (opacitat, cursor) segueixen dient què passa. */
@media (prefers-reduced-motion: reduce) {
  .cita-rodet {
    animation: none;
  }
}