/* ═══════════════════════════════════════════════════════
   protect.css  —  www.rubee.net
   Link in every HTML page:
     <link rel="stylesheet" href="/protect.css">
   ═══════════════════════════════════════════════════════ */

/* Block text/image selection across the whole page */
body {
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
  user-select:         none;
}

/* No drag on images or videos */
img,
video {
  -webkit-user-drag: none;
  user-drag:         none;
  pointer-events:    auto; /* keep click/hover, but draggable=false in JS */
  -webkit-user-select: none;
  user-select:         none;
}

/* Invisible overlay technique:
   A ::after pseudo-element sits on top of every img,
   intercepting right-click and drag while leaving
   normal clicks through (pointer-events: none on overlay
   so clicks still reach the real image for lightbox). */
.thumb-wrap,
.gallery-img-wrap,
figure {
  position: relative;
}
.thumb-wrap::after,
.gallery-img-wrap::after,
figure::after {
  content:        '';
  position:       absolute;
  inset:          0;
  z-index:        10;
  /* Transparent — invisible to user */
  background:     transparent;
  /* Captures right-click & drag; passes left-click through
     by NOT being pointer-events:none on the overlay itself.
     Individual click handlers on the parent still fire because
     the event bubbles up from the ::after layer. */
}