/* Disable text selection and highlight across the entire page */
/* Include this file on any page to make text non-selectable and remove selection highlight */

/* 1) Text selection off (broad) */
html, body, * {
  -webkit-touch-callout: none; /* iOS long-press menus */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Remove selection highlight if any slips through */
::selection { background: transparent; color: inherit; }
::-moz-selection { background: transparent; color: inherit; }

/* 2) Prevent dragging of images and common media */
img, svg, picture, video, canvas {
  -webkit-user-drag: none; /* Chromium/WebKit */
  user-drag: none; /* Non-standard, some engines */
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto; /* keep clicks working */
}

/* 3) Optional: prevent drag for links (ghost-drag) */
a, a * {
  -webkit-user-drag: none;
}

/* 4) Allow opt-in selection where needed */
/* Add .allow-select to any element to re-enable selection locally */
.allow-select, .allow-select * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}