/**
 * ============================================================================
 * PREVENT DRAG AND DROP - DISABLE IMAGE/ICON DRAGGING
 * ============================================================================
 * Prevents users from dragging images, SVGs, and icons.
 * This improves user experience by preventing accidental drags and
 * makes the interface feel more like a native application.
 * 
 * CRITICAL FUNCTIONALITY:
 * - Disables drag-and-drop for images and icons
 * - Prevents text selection on icons
 * - Maintains pointer events for clicks
 * - Cross-browser compatible with vendor prefixes
 * 
 * AFFECTED ELEMENTS:
 * - All <img> elements
 * - All <svg> elements
 * - All <i> elements (icon fonts)
 * - Any element with "icon" in its class name
 * ============================================================================
 */

/* ========================================================================== */
/* DISABLE DRAGGING - IMAGES, SVGS, AND ICONS */
/* ========================================================================== */
/* Prevents drag-and-drop behavior on visual elements */
img,
svg,
i,
[class*="icon"] {
  /* DRAG PREVENTION - CROSS-BROWSER SUPPORT */
  -webkit-user-drag: none; /* Chrome, Safari, Edge */
  -khtml-user-drag: none; /* Old Konqueror browsers */
  -moz-user-drag: none; /* Firefox */
  -o-user-drag: none; /* Old Opera */
  user-drag: none; /* Standard property */

  pointer-events: auto; /* Allow clicks and interactions */

  /* TEXT SELECTION PREVENTION - ICONS SHOULDN'T BE SELECTABLE */
  -webkit-user-select: none; /* Chrome, Safari, Edge */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard property */
}