/* VAST ad-player overrides (VastPro).
   Loaded after custom.min.css in tpl_head_min.tpl — bump its ?v= on edits.
   The skin's ad rules rely on .vjs-ad-playing; the :has(.nv-vast-div)
   fallback covers cases where the class is applied to a different element
   or the skin selector loses the cascade. */

.video-js.vjs-ad-playing .vjs-progress-control .vjs-play-progress,
.video-js.vjs-ad-playing .vjs-progress-control .vjs-play-progress:before,
.video-js:has(.nv-vast-div) .vjs-progress-control .vjs-play-progress,
.video-js:has(.nv-vast-div) .vjs-progress-control .vjs-play-progress:before {
	background-color: #ffe400 !important;
}

.video-js.vjs-ad-playing .vjs-load-progress,
.video-js:has(.nv-vast-div) .vjs-load-progress {
	background-color: transparent !important;
}

/* Ad seek must stay non-interactive while an ad is running. */
.video-js.vjs-ad-playing .vjs-progress-control,
.video-js:has(.nv-vast-div) .vjs-progress-control {
	pointer-events: none !important;
}

/* Hide the control bar (progress bar + "Ad ⧉" label, which lives inside it)
   when the mouse goes idle during an ad — same moment the plugin drops
   bottom icons to bottom:5px. Skip Ad is appended to the player root, so it
   stays clickable. Must out-rank the skin's
   ".vjs-ad-playing.vjs-touch-enabled .vjs-control-bar{opacity:1!important}". */
.video-js.vjs-ad-playing.vjs-user-inactive:not(.vjs-paused) .vjs-control-bar,
.video-js.vjs-ad-playing.vjs-touch-inactive:not(.vjs-paused) .vjs-control-bar {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Lift bottom-positioned icons ~10px above the "Ad ⧉ domain" label while the
   control bar is visible. Gated on :not(.vjs-user-inactive) so the icon can
   still drop flat to the player bottom when the controls hide. */
.video-js.vjs-ad-playing:not(.vjs-user-inactive):not(.vjs-touch-inactive) .nv-icon {
	margin-bottom: 20px;
}