/* Artwork protection. Pairs with public/js/artwork-protection.js. */

img[data-artwork-image] {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Added by the script to a static parent so the overlay can position against it. */
.artwork-guard-host {
  position: relative;
}

/* Added by the script to an inline parent so it has a box to size against. */
.artwork-guard-host-block {
  display: block;
}

/* Transparent, aria-hidden overlay over each artwork image. Not focusable, so
   it creates no focus trap. Pointer events are left on so the overlay can
   receive contextmenu/dragstart; the script calls preventDefault() on those,
   and clicks bubble to the parent link or handler. */
.artwork-guard {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}