/* ============================================================
   26-cursor.css — custom hammer cursor on interactive elements
   Uses an inline SVG data URL — no extra HTTP request.
   Only activates on devices with a fine pointer (mouse/trackpad).
   Touch devices keep their default tap behaviour.

   Why on a separate file: cursor customisation is divisive.
   To disable: comment out the <link> in index.html OR delete this file.
   ============================================================ */

@media (hover: hover) and (pointer: fine) {
  /* Default body cursor stays as-is so text selection still works */

  /* Hammer cursor on buttons + interactive controls */
  .btn,
  .btn-phone,
  .floating-cta,
  button,
  .faq-q,
  .est-pill,
  .fx-tab,
  .av-card-cta,
  .nav a,
  .header-cta a,
  .section-dots a,
  [role="button"] {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 32 32'><g transform='rotate(-15 16 16)'><rect x='4' y='8' width='14' height='6' rx='1' fill='%23f9c74f' stroke='%231a1a1a' stroke-width='1.5'/><rect x='17' y='14' width='3' height='14' fill='%231e3a5f' stroke='%231a1a1a' stroke-width='1.5'/></g></svg>") 6 6, pointer;
  }

  /* On grab/drag elements (before-after handle), use a grab cursor */
  .ba-handle, .ba-frame { cursor: ew-resize; }
}