/* ============================================
   Custom JS-driven trowel cursor
   Hides native cursor and shows a div that follows
   the mouse with smooth GSAP-driven movement.
   ============================================ */

/* Only hide native cursor when JS has activated the system.
   Falls back to the inline cursor: url(...) on JS failure. */
body.js-cursor,
body.js-cursor * {
  cursor: none !important;
}

.cursor-trowel {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  pointer-events: none;
  z-index: 9999;
  /* Pivot transforms (scale/rotate) around the blade tip
     so it stays fixed under the mouse position. */
  transform-origin: 14px 28px;
  opacity: 0;
  will-change: transform, opacity;
}

.cursor-trowel img {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

/* Disable entirely on touch / coarse-pointer devices. */
@media (hover: none), (pointer: coarse) {
  body.js-cursor,
  body.js-cursor * {
    cursor: auto !important;
  }
  body.js-cursor a,
  body.js-cursor button {
    cursor: pointer !important;
  }
  .cursor-trowel {
    display: none !important;
  }
}