/* Custom cursor styles for DaokoTube */

:root {
  /* Using 24px version (96px/4) and adding CSS properties to control size and hotspot */
  --cursor-butterfly: url("https://img.icons8.com/neon/24/butterfly.png") 12 12, auto;
}

/* Apply butterfly cursor to the entire body */
body {
  cursor: var(--cursor-butterfly);
}

/* Apply to all interactive elements */
a,
button,
.zone,
.menu-toggle,
.progress-container,
.playlist-item,
input,
select,
textarea,
.stats-button,
.menu-button,
.playlist-search-clear,
.endpoint,
[style*="cursor: pointer"] {
  cursor: var(--cursor-butterfly);
}

/* Disable custom cursor in Chrome */
.is-chrome body,
.is-chrome a,
.is-chrome button,
.is-chrome .zone,
.is-chrome .menu-toggle,
.is-chrome .progress-container,
.is-chrome .playlist-item,
.is-chrome input,
.is-chrome select,
.is-chrome textarea,
.is-chrome .stats-button,
.is-chrome .menu-button,
.is-chrome .playlist-search-clear,
.is-chrome .endpoint,
.is-chrome [style*="cursor: pointer"] {
  cursor: auto !important;
}

/* Ensure cursor is applied to elements that might have their own cursor styles */
.progress-container:hover,
.progress-container.expanded {
  cursor: var(--cursor-butterfly) !important;
}

.cursor-hidden,
.cursor-hidden *,
.is-chrome .cursor-hidden,
.is-chrome .cursor-hidden * {
  cursor: none !important;
}