/* Custom Cursor Base Styles */

/* Hides default cursor only on desktop devices, EXCLUDING form inputs */
@media (pointer: fine) {
  body, a, button, .cursor-pointer, .eco-menu-item {
    cursor: none !important;
  }
  
  /* CRITICAL: Restore native text cursor for forms so users can click and type easily */
  input, textarea {
    cursor: text !important;
  }

  /* FIX: <select> was missing from the restore list above. The custom JS
     cursor (cursor.js) also fades to opacity 0 over form elements, so
     without this rule a <select> had no visible cursor at all (native
     was suppressed by "cursor: none" on body, and the custom dot/ring
     was hidden). Restore the native pointer cursor here. */
  select {
    cursor: pointer !important;
  }
}

/* Hover State Classes */
.cursor-hover-active {
  border-color: rgba(234, 88, 12, 0.8) !important;
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.3);
}

.cursor-hover-active #cursor-ring-bg {
  opacity: 1;
}

#cursor-dot, 
#cursor-ring,
#cursor-wrapper { 
  pointer-events: none !important; /* CRITICAL: Ensures clicks pass through the cursor */
  z-index: 9999; 
}

@media (pointer: fine) {
  .eco-menu-item:hover .dropdown {
     display: block; 
  }
}