/* Photo-only deterrence: no global selection, keyboard or touch restrictions. */
img[data-image-guard="photo"] {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* CSS photo backgrounds already have pointer-events:none in site.css. */
.image-guard-notice {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: max(22px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: max-content;
  max-width: min(540px, calc(100% - 32px));
  margin: 0;
  padding: 14px 19px;
  border: 1px solid #c69a61;
  border-radius: 9px;
  background: #24111bf5;
  box-shadow: 0 10px 35px #0008;
  color: #f2e6db;
  font: 14px/1.5 Arial, sans-serif;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}

.image-guard-notice[data-visible="true"] {
  opacity: 1;
}