/* ══════════════════════════════════════════
   Image protection  (shared partial styles)
   Include once in _Layout.
   ══════════════════════════════════════════ */

/* ── Thumbnail / grid protection (_ProtectedImage partial) ── */

.img-protect {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  cursor: zoom-in;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.img-protect__blur {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.img-protect__el {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.img-protect__shield {
  position: absolute;
  inset: 0;
  z-index: 3;
}

/* ── Lightbox protection ────────────────────
   Targets GLightbox DOM directly by its own
   class names — no JS-injected classes needed.

   -webkit-touch-callout:none  → iOS action sheet
   -webkit-user-drag:none      → WebKit drag
   user-select:none            → "Copy image"

   pointer-events is NOT disabled here because
   GLightbox needs them for pinch-zoom & pan.
   contextmenu and dragstart are blocked by
   delegated JS handlers in lightbox-init.js.
   ──────────────────────────────────────────── */

.glightbox-container .gslide-image img {
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.glightbox-container .gslide-image {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}