/* ----- Video player ----- */
.popup-video-ready {
  max-width: 720px;
  margin: 1.6em auto;
}
.popup-video-frame {
  position: relative;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  overflow: hidden;
  background: #000;
  box-shadow: var(--shadow-card);
}
.popup-video-frame video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
}
.popup-video-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.92);
  padding: 8px 14px;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}


#popup-live-editor .popup-video{
  width:360px;height:240px;
  background-color:teal;
}

#popup-live-editor .popup-video::after{
  content:"VIDEO PLAYER, See data-src for details. TODO: insert a better preview here and review design and layout of player on front-end"
}