/* Custom inline video player for ACF block: elements/video-banner */

.moVideoBanner { position: relative; }
.moVideoBanner__video { width: 100%; height: auto; display: block; }

/* Pause overlay (visible only on user pause) */
.moVideoBanner__overlay{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  opacity:0;
  transition:opacity .15s ease;
}

.moVideoBanner.is-user-paused .moVideoBanner__overlay{ opacity:1; }

.moVideoBanner__pause{
  width:72px;
  height:72px;
  border-radius:999px;
  background:rgba(0,0,0,0.55);
}

/* Phone portrait: hide player (background image stays visible) */
@media (max-width: 767px) and (orientation: portrait){
  .moVideoBanner{ display:none; }
}