/* =============================================
   Get Yo Drip — Custom Crosshair Cursor
   Add this to your main CSS file (e.g. styles.css)
   Place crosshair-cursor.svg in your /assets folder
   ============================================= */

*,
*::before,
*::after {
  cursor: url('crosshair-cursor.svg') 16 16, crosshair;
}

/* Keep crosshair on all interactive/clickable elements */
a,
button,
select,
label,
[role="button"],
input[type="submit"],
input[type="button"] {
  cursor: url('crosshair-cursor.svg') 16 16, crosshair;
}

/* Text inputs keep a text cursor for usability */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
[contenteditable] {
  cursor: text;
}