/* MODELWEBCAM WPS LiveJasmin 1.6.1.5 - post-scoped clean HTML5 pilot.
 * Stored embed is .player + script. RetroTube wraps it in .responsive-player
 * AFTER WPS LiveJasmin's metadata filter. Target the eventual wrapper through
 * the unique class on its direct child; do not require it during PHP rendering.
 * Scoped to this pilot: ordinary video embeds and /model pages unaffected. */
.video-player .responsive-player:has(> .mwc-lj-html5-slot) {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}
.video-player .responsive-player > .player.mwc-lj-html5-slot {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}
.video-player .responsive-player > .player.mwc-lj-html5-slot > video.mwc-lj-html5-media,
.video-player .responsive-player > .player.mwc-lj-html5-slot > .video-js,
.video-player .responsive-player > .player.mwc-lj-html5-slot > .fluid_video_wrapper,
.video-player .responsive-player > .player.mwc-lj-html5-slot .vjs-tech,
.video-player .responsive-player > .player.mwc-lj-html5-slot .fluid_video_wrapper > video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background-color: #000 !important;
}
.video-player .responsive-player > .player.mwc-lj-html5-slot > .mwc-lj-html5-error {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: white;
  font-size: 1rem;
  margin: 0;
  padding: 1.5rem;
  text-align: center;
}
/* Only the clean player's optional error controls; AWE layers aren't hidden by CSS. */
.video-player .mwc-lj-html5-slot .mwc-ljcp-status { position:absolute;left:0;right:0;top:38%;z-index:2;text-align:center;color:white;text-shadow:0 1px 3px #000;pointer-events:none; }
.video-player .mwc-lj-html5-slot .mwc-ljcp-retry { position:absolute;top:55%;left:50%;transform:translateX(-50%);z-index:3;padding:.5rem 1rem;cursor:pointer; }
.video-player .mwc-lj-html5-slot .mwc-ljcp-status[hidden],.video-player .mwc-lj-html5-slot .mwc-ljcp-retry[hidden] {display:none!important;}

/* 0.4.3 configurable watermark (0.4.2 overlay preserved): sibling of the native video; never inside the MP4.
   Keep pointer-events disabled so play/pause/seek and gestures remain native. */
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark {
  position: absolute !important;
  z-index: 2;
  display: block;
  width: var(--mwc-ljcp-watermark-width, 25%);
  max-width: 40%;
  height: auto;
  opacity: var(--mwc-ljcp-watermark-opacity, .65);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .40));
  pointer-events: none !important;
  user-select: none;
  -webkit-user-select: none;
}
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 5rem;
  object-fit: contain;
  pointer-events: none !important;
}
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark--grayscale img { filter: grayscale(1); }
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark--top-left { top: 12px; left: 12px; }
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark--top-right { top: 12px; right: 12px; }
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark--bottom-left { bottom: 54px; left: 12px; }
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark--bottom-right { bottom: 54px; right: 12px; }
.video-player .mwc-lj-html5-slot > .mwc-ljcp-watermark .mwc-ljcp-watermark__wordmark {
  display: block;
  color: #fff;
  font: 700 clamp(11px, 1.5vw, 22px)/1.1 system-ui, sans-serif;
  text-shadow: 0 1px 3px #000;
}
/* CSS fallback: in native video fullscreen, siblings are not rendered anyway.
   If a browser places the whole player into fullscreen, suppress overlay too. */
.video-player .mwc-lj-html5-slot[data-mwc-ljcp-fullscreen="1"] > .mwc-ljcp-watermark,
.video-player .mwc-lj-html5-slot:fullscreen > .mwc-ljcp-watermark,
.video-player .mwc-lj-html5-slot:-webkit-full-screen > .mwc-ljcp-watermark,
:fullscreen .mwc-ljcp-watermark {
  display: none !important;
}