/* ============================================================
   DRAGONFLY SYSTEM — Crafts Comet
   To disable: remove the <link> + <script> tags in index.html
   and order.html that reference this file and dragonfly.js.
   The canvas elements (#df1, #df2, #df3) can also be removed.
   ============================================================ */

/* Dragonfly — live SVG/canvas animation: flies, hovers, sits, takes off */
.dfly {
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 50;
  opacity: 0;
  will-change: transform, filter;
  user-select: none;
  -webkit-user-select: none;
  transition: opacity 0.5s ease;
}
.dfly.visible { opacity: 0.96; }
#df1 { width: 104px; filter: drop-shadow(0 3px 4px rgba(0,0,0,.35)); }
#df2 { width: 132px; filter: drop-shadow(0 3px 4px rgba(0,0,0,.35)); }
#df3 { width: 104px; filter: drop-shadow(0 3px 4px rgba(0,0,0,.35)); }
.dfly.face { width: 92px; }
@media (prefers-reduced-motion: reduce) {
  .dfly { display: none; }
}

/* Toggle: add class "no-dfly" to <body> to kill dragonflies via JS */
body.no-dfly .dfly { display: none !important; }
