/* ============================================
   ANTI-CLONING PROTECTION STYLES
   Additional protection for design system
   ============================================ */

/* Prevent text selection on design system components */
.design-system *:not(input):not(textarea):not(select) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* Allow selection in form inputs */
.design-system input,
.design-system textarea,
.design-system select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Prevent image dragging */
.design-system img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

/* Prevent context menu on design system elements */
.design-system {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Watermark protection (optional - can be enabled per component) */
.design-system-protected::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(0, 0, 0, 0.02) 10px,
    rgba(0, 0, 0, 0.02) 20px
  );
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s;
}

.design-system-protected:hover::before {
  opacity: 1;
}

/* Prevent copying of code snippets */
.design-system code,
.design-system pre {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Disable right-click on sensitive components */
.design-system-protected {
  -webkit-touch-callout: none;
}

/* Prevent print of design system */
@media print {
  .design-system {
    display: none !important;
  }
}