/* Scoped ONLY inside .video-js — never touch page layout */
.video-js.li-ads-gate video.vjs-tech,
.video-js.li-ads-gate .vjs-poster,
.video-js.li-ads-gate .vjs-big-play-button,
.video-js.li-ads-gate .vjs-control-bar,
.video-js.li-ads-gate .vjs-loading-spinner,
.video-js.li-ads-gate .vjs-text-track-display,
.video-js.li-ads-gate .vjs-modal-dialog {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.video-js.li-ads-gate,
.video-js.li-ads-active {
  background: #000 !important;
  position: relative !important;
}

.video-js .li-ads-overlay {
  position: absolute !important;
  left: 0; top: 0; right: 0; bottom: 0;
  z-index: 1000;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0; padding: 0;
  transform: none !important;
  pointer-events: auto;
}
.video-js .li-ads-video {
  width: 100%; height: 100%;
  object-fit: contain;
  background: #000;
  max-width: 100%; max-height: 100%;
}
.video-js .li-ads-badge {
  position: absolute; top: 10px; left: 10px;
  background: rgba(0,0,0,.75); color: #fff;
  padding: 4px 8px; border-radius: 4px; font-size: 12px; z-index: 1002;
  pointer-events: none;
}
.video-js .li-ads-skip {
  position: absolute; right: 12px; bottom: 12px; z-index: 1003;
  background: #c026d3; color: #fff; border: 0; border-radius: 6px;
  padding: 8px 12px; font-weight: 700; cursor: pointer;
}
.video-js .li-ads-skip:disabled { opacity: .55; cursor: default; background: #555; }
.video-js.li-ads-active .vjs-control-bar,
.video-js.li-ads-active .vjs-big-play-button { visibility: hidden !important; }
