/**
 * SP Core — Media Protection CSS.
 *
 * Imágenes: JS bloquea contextmenu y dragstart. CSS evita selección y arrastre.
 * Video/audio: JS bloquea contextmenu directamente sobre el elemento.
 */

img[src*="/protected-file/"],
img[src*="/sites/default/files/"],
.protected-media img,
.field--type-image img,
.media-entity-image img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

img[src*="/protected-file/"]::selection,
img[src*="/sites/default/files/"]::selection,
.protected-media img::selection {
  background: transparent;
}

/* El JS envuelve el <video> en .sp-media-wrap y añade .sp-media-overlay. */
.sp-media-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* El overlay cubre la superficie del video pero no bloquea sus controles. */
.sp-media-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

video[src*="/protected-file/"],
video[src*="/sites/default/files/"],
audio[src*="/protected-file/"],
audio[src*="/sites/default/files/"],
.protected-media video,
.protected-media audio,
video.media-detail__video,
audio.media-detail__audio {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

img[src*="/protected-file/"],
img[src*="/sites/default/files/"],
.protected-media img {
  -moz-user-focus: ignore;
}