/**
 * Aprimo Video.js
 * Responsive + max-height 500px + letterboxing
 * NO cropping, NO fluid mode
 */

.aprimo-video-wrapper {
  width: 100%;
  background: #000;
  position: relative;
  overflow: hidden; /* ✅ caps height */
}
.modal-content-card .aprimo-video-wrapper {
  max-height: 500px;
}
/* Video.js root */
.aprimo-video-wrapper .video-js {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.modal-content-card .aprimo-video-wrapper .video-js {
  height: 100%;
  max-height: 500px;
}
/* Actual video */
.aprimo-video-wrapper video {
  width: 100%;
  object-fit: contain; /* ✅ letterboxing */
  background: #000;
}
.modal-content-card .aprimo-video-wrapper video {
  height: 100%;
  max-height: 500px;
}
/* Poster */
.aprimo-video-wrapper .vjs-poster img {
  object-fit: contain;
  background: #000;
  width: 100%;
  display: block;
}
.modal-content-card .aprimo-video-wrapper .vjs-poster img {
  max-height: 500px;
}
/* Center play button */
.aprimo-video.video-js .vjs-big-play-button {
  left: 50%;
  transform: translate(-50%, -50%);
}
.aprimo-video.video-js .vjs-big-play-button.slider-video-button {
  transition: none !important;
}
.aprimo-video-wrapper .video-js .vjs-control-bar {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 4em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    top: -13% !important;
}
.aprimo-video.video-js .vjs-time-control {
    padding-top: 7px;
}
.vjs-poster{
    text-align: center;
}
.aprimo-video-wrapper .vjs-menu-button-popup .vjs-menu {
    width: 12em;
}
.aprimo-video-wrapper:has(.video-js.vjs-fullscreen) video {
    max-height:100%!important;
}
.aprimo-video-wrapper:has(.video-js.vjs-fullscreen)  .vjs-control-bar {
   top:auto!important;
}