/* Effet de clic commun : la rotation. Les étoiles sont dessinées par
 * app/static/js/effet_boutons.js sur une toile posée au-dessus de la page.
 *
 * La rotation est celle d'origine — un tour complet sur l'axe horizontal, en
 * perspective, avec un léger grossissement — mais plus courte, parce qu'elle
 * ne retarde plus rien.
 */

.effet-clic-toile {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
}

.effet-clic-tourne {
  animation: effet-clic-rotation .42s cubic-bezier(.45, .05, .35, 1);
}

@keyframes effet-clic-rotation {
  from { transform: perspective(800px) rotateX(0deg) scale(1); }
  to   { transform: perspective(800px) rotateX(360deg) scale(1.06); }
}

/* Moins d'animations demandées : plus rien ne bouge. Le JS s'arrête de son
   côté, et cette règle couvre le cas où la classe aurait déjà été posée. */
@media (prefers-reduced-motion: reduce) {
  .effet-clic-tourne { animation: none; }
  .effet-clic-toile { display: none; }
}

/* Un bouton désactivé ne joue rien. */
.effet-clic:disabled,
.effet-clic[aria-disabled="true"] { animation: none; }