.awppp-player {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: var(--awppp-bg, #000);
  border-radius: var(--awppp-radius, 8px);
  overflow: visible;
}

.awppp-player .video-js {
  width: 100%;
  background: var(--awppp-bg, #000);
  color: var(--awppp-icons, #fff);
  border-radius: var(--awppp-radius, 8px);
  overflow: hidden;
}

.awppp-audio,
.awppp-audio .video-js {
  background: var(--awppp-audio-bg, #111);
}

.awppp-shadow .video-js,
.awppp-shadow.awppp-embed {
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.22);
}

.awppp-player .vjs-control-bar {
  background: var(--awppp-control-bg, rgba(0, 0, 0, 0.72));
}

.awppp-player .vjs-control,
.awppp-player .vjs-button > .vjs-icon-placeholder::before {
  color: var(--awppp-icons, #fff);
  font-size: var(--awppp-icon-size, 18px);
}

.awppp-player .vjs-control:focus,
.awppp-player .vjs-control:hover,
.awppp-player .vjs-button:hover > .vjs-icon-placeholder::before {
  color: var(--awppp-icons-hover, #f01154);
}

.awppp-player .vjs-play-progress,
.awppp-player .vjs-volume-level {
  background-color: var(--awppp-progress, #f01154);
}

.awppp-player .vjs-volume-level {
  background-color: var(--awppp-volume-progress, #f01154);
}

.awppp-player .vjs-progress-holder {
  background-color: var(--awppp-progress-bg, rgba(255, 255, 255, 0.35));
}

.awppp-player .vjs-load-progress,
.awppp-player .vjs-load-progress div {
  background: var(--awppp-progress-load, rgba(255, 255, 255, 0.55));
}

.awppp-player .vjs-volume-bar {
  background: var(--awppp-volume-bg, rgba(255, 255, 255, 0.35));
}

.awppp-player .vjs-big-play-button {
  color: var(--awppp-big-play, #fff);
  background-color: var(--awppp-accent, #f01154);
  border-color: transparent;
}

.awppp-player .vjs-big-play-button:hover,
.awppp-player .vjs-big-play-button:focus {
  color: var(--awppp-big-play-hover, #f01154);
  background: var(--awppp-big-play, #fff);
}

.awppp-player .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  color: var(--awppp-menu-color, #fff);
  background: var(--awppp-menu-bg, rgba(0, 0, 0, 0.9));
  border-radius: 8px;
}

.awppp-player .vjs-menu li.vjs-selected,
.awppp-player .vjs-menu li:hover,
.awppp-player .vjs-menu li:focus {
  color: var(--awppp-menu-hover, #fff);
  background: var(--awppp-menu-hover-bg, #f01154);
}

.awppp-player .vjs-control-text,
.awppp-player .vjs-time-tooltip,
.awppp-player .vjs-mouse-display .vjs-time-tooltip {
  color: var(--awppp-tooltip, #fff);
  background: var(--awppp-tooltip-bg, rgba(0, 0, 0, 0.85));
}

.awppp-poster-cover .vjs-poster {
  background-size: cover;
}

.awppp-audio .video-js {
  height: var(--awppp-audio-height, 48px) !important;
  min-height: var(--awppp-audio-height, 48px);
}

.awppp-audio .vjs-big-play-button,
.awppp-audio .vjs-poster {
  display: none;
}

.awppp-placeholder {
  height: 0;
  transition: height 0.2s ease;
}

.awppp-fixed-shell {
  position: relative;
}

.awppp-fixed-shell.is-fixed {
  position: fixed !important;
  z-index: 999999;
  width: min(420px, calc(100vw - 24px));
  animation: awppp-in 0.2s ease;
}

.awppp-position-bottom-right .is-fixed { right: 12px; bottom: 12px; }
.awppp-position-bottom-left .is-fixed { left: 12px; bottom: 12px; }
.awppp-position-top-right .is-fixed { right: 12px; top: 44px; }
.awppp-position-top-left .is-fixed { left: 12px; top: 44px; }
.awppp-position-top-center .is-fixed { left: 50%; top: 44px; transform: translateX(-50%); }
.awppp-position-bottom-center .is-fixed { left: 50%; bottom: 12px; transform: translateX(-50%); }
.awppp-position-center .is-fixed { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.awppp-close-fixed {
  display: none;
  position: absolute;
  z-index: 40;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 21px;
  line-height: 28px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.is-fixed .awppp-close-fixed { display: block; }

.awppp-logo {
  position: absolute;
  z-index: 30;
  display: block;
  max-width: 22%;
  pointer-events: auto;
}

.awppp-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 64px;
}

.awppp-logo-top-right { top: var(--logo-mt, 12px); right: var(--logo-mr, 12px); }
.awppp-logo-top-left { top: var(--logo-mt, 12px); left: var(--logo-ml, 12px); }
.awppp-logo-bottom-right { bottom: calc(var(--logo-mb, 12px) + 42px); right: var(--logo-mr, 12px); }
.awppp-logo-bottom-left { bottom: calc(var(--logo-mb, 12px) + 42px); left: var(--logo-ml, 12px); }

.awppp-html-ad {
  position: absolute;
  z-index: 28;
  max-width: min(92%, 720px);
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
}

.awppp-html-ad-top-center { top: 15px; left: 50%; transform: translateX(-50%); }
.awppp-html-ad-bottom-center { bottom: 58px; left: 50%; transform: translateX(-50%); }
.awppp-html-ad-top-right { top: 15px; right: 15px; }
.awppp-html-ad-top-left { top: 15px; left: 15px; }
.awppp-html-ad-bottom-right { bottom: 58px; right: 15px; }
.awppp-html-ad-bottom-left { bottom: 58px; left: 15px; }

.awppp-preroll-layer {
  position: absolute;
  z-index: 35;
  inset: 0;
  pointer-events: none;
}

.awppp-preroll-layer.is-active.has-target .awppp-preroll-click {
  pointer-events: auto;
}

.awppp-preroll-click {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: none;
}

.awppp-preroll-status {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 58px;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.68);
  color: #fff;
  font-size: 13px;
}

.awppp-skip-ad {
  position: absolute;
  z-index: 3;
  left: 12px;
  bottom: 58px;
  pointer-events: auto;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 7px 13px;
  cursor: pointer;
}

.awppp-embed {
  height: 0;
  padding-bottom: var(--awppp-ratio, 56.25%);
  overflow: hidden;
  background: #000;
}

.awppp-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.awppp-error {
  padding: 12px;
  border-right: 4px solid #d63638;
  background: #fff3f3;
  color: #8a2424;
}

@keyframes awppp-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 600px) {
  .awppp-fixed-shell.is-fixed { width: calc(100vw - 16px); }
  .awppp-position-bottom-right .is-fixed,
  .awppp-position-bottom-left .is-fixed { right: 8px; left: 8px; bottom: 8px; }
  .awppp-logo { max-width: 28%; }
}

@media (prefers-reduced-motion: reduce) {
  .awppp-fixed-shell.is-fixed { animation: none; }
  .awppp-placeholder { transition: none; }
}

/* Presto compatibility: action bar, chapters, timestamps and playlists. */
.awppp-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: var(--awppp-action-radius, 10px);
  background: var(--awppp-action-bg, #111827);
  color: var(--awppp-action-color, #fff);
  box-sizing: border-box;
  transition: opacity .2s ease, transform .2s ease;
}
.awppp-action-bar[hidden] { display: none !important; }
.awppp-action-bar p { margin: 0; color: inherit; line-height: 1.8; }
.awppp-action-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: calc(var(--awppp-action-radius, 10px) - 2px);
  background: var(--awppp-action-button-bg, #f01154);
  color: var(--awppp-action-button-color, #fff) !important;
  text-decoration: none !important;
  font-weight: 700;
  line-height: 1.4;
}
.awppp-action-button:hover { filter: brightness(1.06); }
.awppp-action-button:focus-visible,
.awppp-chapter:focus-visible,
.awppp-timestamp:focus-visible,
.awppp-playlist-item:focus-visible { outline: 3px solid color-mix(in srgb, var(--awppp-accent, #f01154) 45%, transparent); outline-offset: 2px; }

.awppp-chapters { margin-top: 12px; padding: 14px; border: 1px solid rgba(148,163,184,.28); border-radius: 12px; background: rgba(248,250,252,.85); color: #0f172a; }
.awppp-chapters > strong { display: block; margin-bottom: 10px; }
.awppp-chapter-list { display: flex; flex-wrap: wrap; gap: 8px; }
.awppp-chapter,
.awppp-timestamp { border: 1px solid rgba(148,163,184,.4); border-radius: 999px; background: #fff; color: #0f172a; padding: 7px 12px; cursor: pointer; font: inherit; }
.awppp-chapter span { margin-inline-end: 7px; color: #64748b; font-variant-numeric: tabular-nums; }
.awppp-chapter:hover,
.awppp-timestamp:hover { border-color: var(--awppp-accent, #f01154); color: var(--awppp-accent, #f01154); }

.awppp-playlist { margin-block: 20px; border: 1px solid rgba(148,163,184,.3); border-radius: 16px; overflow: hidden; background: #fff; color: #0f172a; }
.awppp-playlist-heading { margin: 0; padding: 16px 18px; border-bottom: 1px solid rgba(148,163,184,.22); font-size: 1.05rem; }
.awppp-playlist-stage { padding: 14px; }
.awppp-playlist-panel[hidden] { display: none !important; }
.awppp-playlist-items { display: grid; gap: 1px; background: rgba(148,163,184,.22); border-top: 1px solid rgba(148,163,184,.22); }
.awppp-playlist-item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 16px; border: 0; background: #fff; color: inherit; text-align: start; cursor: pointer; font: inherit; }
.awppp-playlist-item:hover { background: #f8fafc; }
.awppp-playlist-item.is-active { background: color-mix(in srgb, var(--awppp-accent, #f01154) 8%, #fff); }
.awppp-playlist-index { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: #e2e8f0; color: #334155; font-variant-numeric: tabular-nums; }
.awppp-playlist-item.is-active .awppp-playlist-index { background: var(--awppp-accent, #f01154); color: #fff; }
.awppp-playlist-copy { display: grid; gap: 3px; min-width: 0; }
.awppp-playlist-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.awppp-playlist-copy small { color: #64748b; }

@media (max-width: 600px) {
  .awppp-action-bar { align-items: stretch; flex-direction: column; }
  .awppp-action-button { width: 100%; box-sizing: border-box; }
  .awppp-chapter-list { display: grid; grid-template-columns: 1fr; }
  .awppp-chapter { text-align: start; border-radius: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .awppp-action-bar { transition: none; }
}

/* --------------------------------------------------------------------------
 * 4.3.3 — icon and theme isolation layer
 *
 * Video.js historically renders controls through an icon font. Some optimized
 * WordPress stacks remove or rewrite that font request and a number of themes
 * force their global button colours onto the control bar. The player therefore
 * uses its bundled SVG files as CSS masks and explicitly isolates interactive
 * controls from theme button styles. No external font or CDN request is needed.
 * -------------------------------------------------------------------------- */

.awppp-player.parsplayer-skin-default {
  --awppp-icon-play: url("../player/skins/default/play.svg");
  --awppp-icon-pause: url("../player/skins/default/pause.svg");
  --awppp-icon-replay: url("../player/skins/default/replay.svg");
  --awppp-icon-volume-high: url("../player/skins/default/volume-high.svg");
  --awppp-icon-volume-mid: url("../player/skins/default/volume-mid.svg");
  --awppp-icon-volume-low: url("../player/skins/default/volume-low.svg");
  --awppp-icon-volume-mute: url("../player/skins/default/volume-mute.svg");
  --awppp-icon-fullscreen: url("../player/skins/default/fullscreen.svg");
  --awppp-icon-fullscreen-exit: url("../player/skins/default/minimize.svg");
  --awppp-icon-captions: url("../player/skins/default/captions.svg");
  --awppp-icon-quality: url("../player/skins/default/quality.svg");
  --awppp-icon-share: url("../player/skins/default/share.svg");
  --awppp-icon-download: url("../player/skins/default/download.svg");
  --awppp-icon-rate: url("../player/skins/default/playback-rate.svg");
  --awppp-icon-seek-back: url("../player/skins/default/skip-back.svg");
  --awppp-icon-seek-forward: url("../player/skins/default/skip-forward.svg");
  --awppp-icon-pip: url("../player/skins/default/pip.svg");
  --awppp-icon-pip-exit: url("../player/skins/default/pip-close.svg");
  --awppp-icon-close: url("../player/skins/default/close.svg");
}

.awppp-player.parsplayer-skin-line {
  --awppp-icon-play: url("../player/skins/line/play.svg");
  --awppp-icon-pause: url("../player/skins/line/pause.svg");
  --awppp-icon-replay: url("../player/skins/line/replay.svg");
  --awppp-icon-volume-high: url("../player/skins/line/volume-high.svg");
  --awppp-icon-volume-mid: url("../player/skins/line/volume-mid.svg");
  --awppp-icon-volume-low: url("../player/skins/line/volume-low.svg");
  --awppp-icon-volume-mute: url("../player/skins/line/volume-mute.svg");
  --awppp-icon-fullscreen: url("../player/skins/line/fullscreen.svg");
  --awppp-icon-fullscreen-exit: url("../player/skins/line/minimize.svg");
  --awppp-icon-captions: url("../player/skins/line/captions.svg");
  --awppp-icon-quality: url("../player/skins/line/quality.svg");
  --awppp-icon-share: url("../player/skins/line/share.svg");
  --awppp-icon-download: url("../player/skins/line/download.svg");
  --awppp-icon-rate: url("../player/skins/line/playback-rate.svg");
  --awppp-icon-seek-back: url("../player/skins/line/skip-back.svg");
  --awppp-icon-seek-forward: url("../player/skins/line/skip-forward.svg");
  --awppp-icon-pip: url("../player/skins/line/pip.svg");
  --awppp-icon-pip-exit: url("../player/skins/line/pip-close.svg");
  --awppp-icon-close: url("../player/skins/line/close.svg");
}

.awppp-player,
.awppp-player .video-js,
.awppp-player .video-js * {
  box-sizing: border-box;
}

.awppp-player .video-js {
  isolation: isolate;
  background-color: var(--awppp-bg, #000) !important;
  color: var(--awppp-icons, #fff) !important;
  font-family: inherit !important;
  text-transform: none !important;
}

/* Prevent themes and visual builders from restyling player buttons. */
.awppp-player .video-js button.vjs-control,
.awppp-player .video-js button.vjs-button,
.awppp-player .video-js .vjs-control-bar button,
.awppp-player .video-js .vjs-big-play-button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--awppp-icons, #fff) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
  text-transform: none !important;
  filter: none !important;
}

.awppp-player .video-js .vjs-control-bar {
  direction: ltr !important;
  align-items: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--awppp-control-bg, rgba(0, 0, 0, .72)) !important;
  background-color: var(--awppp-control-bg, rgba(0, 0, 0, .72)) !important;
  box-shadow: none !important;
  color: var(--awppp-icons, #fff) !important;
  font-size: 10px !important;
}

.awppp-player .video-js .vjs-control-bar .vjs-control,
.awppp-player .video-js .vjs-control-bar .vjs-button {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 48px !important;
  line-height: 48px !important;
  color: var(--awppp-icons, #fff) !important;
}

.awppp-player .video-js .vjs-control-bar .vjs-time-control {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 4px !important;
  color: var(--awppp-icons, #fff) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 48px !important;
  white-space: nowrap !important;
}

.awppp-player .video-js .vjs-control-bar .vjs-time-divider {
  min-width: 8px !important;
  padding: 0 !important;
  text-align: center !important;
}

.awppp-player .video-js .vjs-control-bar .vjs-progress-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 50px !important;
  height: 48px !important;
  padding: 0 8px !important;
}

.awppp-player .video-js .vjs-progress-holder,
.awppp-player .video-js .vjs-volume-bar {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.awppp-player .video-js .vjs-progress-holder {
  background: var(--awppp-progress-bg, rgba(255, 255, 255, .35)) !important;
  background-color: var(--awppp-progress-bg, rgba(255, 255, 255, .35)) !important;
}

.awppp-player .video-js .vjs-play-progress {
  background: var(--awppp-progress, #f01154) !important;
  background-color: var(--awppp-progress, #f01154) !important;
}

.awppp-player .video-js .vjs-load-progress,
.awppp-player .video-js .vjs-load-progress div {
  background: var(--awppp-progress-load, rgba(255, 255, 255, .55)) !important;
  background-color: var(--awppp-progress-load, rgba(255, 255, 255, .55)) !important;
}

.awppp-player .video-js .vjs-volume-bar {
  background: var(--awppp-volume-bg, rgba(255, 255, 255, .35)) !important;
  background-color: var(--awppp-volume-bg, rgba(255, 255, 255, .35)) !important;
}

.awppp-player .video-js .vjs-volume-level {
  background: var(--awppp-volume-progress, #f01154) !important;
  background-color: var(--awppp-volume-progress, #f01154) !important;
}

.awppp-player .video-js .vjs-control:hover,
.awppp-player .video-js .vjs-control:focus-visible,
.awppp-player .video-js .vjs-button:hover,
.awppp-player .video-js .vjs-button:focus-visible {
  color: var(--awppp-icons-hover, #f01154) !important;
  background: transparent !important;
  background-color: transparent !important;
}

.awppp-player .video-js .vjs-control:focus-visible,
.awppp-player .video-js .vjs-button:focus-visible,
.awppp-player .video-js .vjs-big-play-button:focus-visible {
  outline: 2px solid var(--awppp-accent, #f01154) !important;
  outline-offset: -3px !important;
}

/* Hide the legacy font glyph only on controls replaced by bundled SVGs. */
.awppp-player .video-js .vjs-big-play-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-play-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-mute-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-volume-menu-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-fullscreen-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-picture-in-picture-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-subs-caps-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-captions-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-subtitles-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-chapters-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-descriptions-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-audio-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-resolution-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-share-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-download-button-control > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-seek-button > .vjs-icon-placeholder::before,
.awppp-player .video-js .vjs-close-button > .vjs-icon-placeholder::before {
  content: none !important;
  display: none !important;
}

.awppp-player .video-js .vjs-big-play-button::before,
.awppp-player .video-js .vjs-play-control::before,
.awppp-player .video-js .vjs-mute-control::before,
.awppp-player .video-js .vjs-volume-menu-button::before,
.awppp-player .video-js .vjs-fullscreen-control::before,
.awppp-player .video-js .vjs-picture-in-picture-control::before,
.awppp-player .video-js .vjs-subs-caps-button::before,
.awppp-player .video-js .vjs-captions-button::before,
.awppp-player .video-js .vjs-subtitles-button::before,
.awppp-player .video-js .vjs-chapters-button::before,
.awppp-player .video-js .vjs-descriptions-button::before,
.awppp-player .video-js .vjs-audio-button::before,
.awppp-player .video-js .vjs-resolution-button::before,
.awppp-player .video-js .vjs-share-control::before,
.awppp-player .video-js .vjs-download-button-control::before,
.awppp-player .video-js .vjs-seek-button::before,
.awppp-player .video-js .vjs-close-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: var(--awppp-icon-size, 18px) !important;
  height: var(--awppp-icon-size, 18px) !important;
  margin: 0 !important;
  background: currentColor !important;
  background-color: currentColor !important;
  -webkit-mask-image: var(--awppp-control-icon) !important;
  mask-image: var(--awppp-control-icon) !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  transform: translate(-50%, -50%) !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.awppp-player .video-js .vjs-big-play-button,
.awppp-player .video-js .vjs-big-play-button:hover,
.awppp-player .video-js .vjs-big-play-button:focus {
  width: 78px !important;
  height: 78px !important;
  margin-top: -39px !important;
  margin-left: -39px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--awppp-accent, #f01154) !important;
  background-color: var(--awppp-accent, #f01154) !important;
  color: var(--awppp-big-play, #fff) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .28) !important;
}

.awppp-player .video-js .vjs-big-play-button:hover,
.awppp-player .video-js .vjs-big-play-button:focus-visible {
  background: var(--awppp-big-play, #fff) !important;
  background-color: var(--awppp-big-play, #fff) !important;
  color: var(--awppp-big-play-hover, #f01154) !important;
}

.awppp-player .video-js .vjs-big-play-button::before {
  --awppp-control-icon: var(--awppp-icon-play);
  width: 34px !important;
  height: 34px !important;
  left: calc(50% + 2px) !important;
}

.awppp-player .video-js .vjs-play-control::before { --awppp-control-icon: var(--awppp-icon-play); }
.awppp-player .video-js .vjs-play-control.vjs-playing::before { --awppp-control-icon: var(--awppp-icon-pause); }
.awppp-player .video-js.vjs-ended .vjs-play-control::before,
.awppp-player .video-js.vjs-replay .vjs-play-control::before { --awppp-control-icon: var(--awppp-icon-replay); }

.awppp-player .video-js .vjs-mute-control::before,
.awppp-player .video-js .vjs-volume-menu-button::before { --awppp-control-icon: var(--awppp-icon-volume-high); }
.awppp-player .video-js .vjs-mute-control.vjs-vol-2::before,
.awppp-player .video-js .vjs-volume-menu-button.vjs-vol-2::before { --awppp-control-icon: var(--awppp-icon-volume-mid); }
.awppp-player .video-js .vjs-mute-control.vjs-vol-1::before,
.awppp-player .video-js .vjs-volume-menu-button.vjs-vol-1::before { --awppp-control-icon: var(--awppp-icon-volume-low); }
.awppp-player .video-js .vjs-mute-control.vjs-vol-0::before,
.awppp-player .video-js .vjs-volume-menu-button.vjs-vol-0::before,
.awppp-player .video-js .vjs-mute-control.vjs-muted::before { --awppp-control-icon: var(--awppp-icon-volume-mute); }

.awppp-player .video-js .vjs-fullscreen-control::before { --awppp-control-icon: var(--awppp-icon-fullscreen); }
.awppp-player .video-js.vjs-fullscreen .vjs-fullscreen-control::before { --awppp-control-icon: var(--awppp-icon-fullscreen-exit); }
.awppp-player .video-js .vjs-picture-in-picture-control::before { --awppp-control-icon: var(--awppp-icon-pip); }
.awppp-player .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control::before { --awppp-control-icon: var(--awppp-icon-pip-exit); }
.awppp-player .video-js .vjs-subs-caps-button::before,
.awppp-player .video-js .vjs-captions-button::before,
.awppp-player .video-js .vjs-subtitles-button::before,
.awppp-player .video-js .vjs-chapters-button::before,
.awppp-player .video-js .vjs-descriptions-button::before { --awppp-control-icon: var(--awppp-icon-captions); }
.awppp-player .video-js .vjs-audio-button::before { --awppp-control-icon: var(--awppp-icon-volume-high); }
.awppp-player .video-js .vjs-resolution-button::before { --awppp-control-icon: var(--awppp-icon-quality); }
.awppp-player .video-js .vjs-share-control::before { --awppp-control-icon: var(--awppp-icon-share); }
.awppp-player .video-js .vjs-download-button-control::before { --awppp-control-icon: var(--awppp-icon-download); }
.awppp-player .video-js .vjs-seek-button.skip-back::before { --awppp-control-icon: var(--awppp-icon-seek-back); }
.awppp-player .video-js .vjs-seek-button.skip-forward::before { --awppp-control-icon: var(--awppp-icon-seek-forward); }
.awppp-player .video-js .vjs-close-button::before { --awppp-control-icon: var(--awppp-icon-close); }

.awppp-player .video-js .vjs-seek-button.skip-forward {
  transform: none !important;
  filter: none !important;
}
.awppp-player .video-js .vjs-seek-button.skip-forward::before {
  transform: translate(-50%, -50%) scaleX(-1) !important;
}

/* Playback-rate remains readable even when a theme hides button text. */
.awppp-player .video-js .vjs-playback-rate::before {
  content: none !important;
  display: none !important;
}
.awppp-player .video-js .vjs-playback-rate .vjs-playback-rate-value {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.awppp-player .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.awppp-player .video-js .vjs-menu-content {
  border: 0 !important;
  background: var(--awppp-menu-bg, rgba(0, 0, 0, .9)) !important;
  background-color: var(--awppp-menu-bg, rgba(0, 0, 0, .9)) !important;
  color: var(--awppp-menu-color, #fff) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28) !important;
}

.awppp-player .video-js .vjs-menu li,
.awppp-player .video-js .vjs-menu-item {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--awppp-menu-color, #fff) !important;
}

.awppp-player .video-js .vjs-menu li.vjs-selected,
.awppp-player .video-js .vjs-menu li:hover,
.awppp-player .video-js .vjs-menu li:focus,
.awppp-player .video-js .vjs-menu-item.vjs-selected,
.awppp-player .video-js .vjs-menu-item:hover,
.awppp-player .video-js .vjs-menu-item:focus {
  background: var(--awppp-menu-hover-bg, #f01154) !important;
  background-color: var(--awppp-menu-hover-bg, #f01154) !important;
  color: var(--awppp-menu-hover, #fff) !important;
}

.awppp-player .video-js .vjs-time-tooltip,
.awppp-player .video-js .vjs-mouse-display .vjs-time-tooltip,
.awppp-player .video-js .vjs-control-text {
  color: var(--awppp-tooltip, #fff) !important;
}
.awppp-player .video-js .vjs-time-tooltip,
.awppp-player .video-js .vjs-mouse-display .vjs-time-tooltip {
  background: var(--awppp-tooltip-bg, rgba(0, 0, 0, .85)) !important;
  background-color: var(--awppp-tooltip-bg, rgba(0, 0, 0, .85)) !important;
}

/* Keep compact controls on smaller screens without losing the progress bar. */
@media (max-width: 720px) {
  .awppp-player .video-js .vjs-control-bar {
    height: 44px !important;
    min-height: 44px !important;
    padding-inline: 2px !important;
  }
  .awppp-player .video-js .vjs-control-bar .vjs-control,
  .awppp-player .video-js .vjs-control-bar .vjs-button {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 44px !important;
    line-height: 44px !important;
  }
  .awppp-player .video-js .vjs-control-bar .vjs-time-control {
    height: 44px !important;
    line-height: 44px !important;
    font-size: 12px !important;
  }
  .awppp-player .video-js .vjs-control-bar .vjs-progress-control {
    height: 44px !important;
    padding-inline: 4px !important;
  }
}

/* Final cascade lock: keep saved palette values above late-loading theme CSS. */
.awppp-player.parsplayer,
.awppp-player.parsplayer .video-js {
  background: var(--awppp-bg, #000) !important;
  background-color: var(--awppp-bg, #000) !important;
  border-radius: var(--awppp-radius, 8px) !important;
}
.awppp-player.parsplayer .video-js .vjs-control-bar {
  background: var(--awppp-control-bg, rgba(0, 0, 0, .72)) !important;
  background-color: var(--awppp-control-bg, rgba(0, 0, 0, .72)) !important;
}
.awppp-player.parsplayer .video-js .vjs-control,
.awppp-player.parsplayer .video-js .vjs-button {
  color: var(--awppp-icons, #fff) !important;
}
.awppp-player.parsplayer .video-js .vjs-control:hover,
.awppp-player.parsplayer .video-js .vjs-control:focus-visible,
.awppp-player.parsplayer .video-js .vjs-button:hover,
.awppp-player.parsplayer .video-js .vjs-button:focus-visible {
  color: var(--awppp-icons-hover, #f01154) !important;
}
.awppp-player.parsplayer .video-js .vjs-play-progress {
  background: var(--awppp-progress, #f01154) !important;
  background-color: var(--awppp-progress, #f01154) !important;
}
.awppp-player.parsplayer .video-js .vjs-volume-level {
  background: var(--awppp-volume-progress, #f01154) !important;
  background-color: var(--awppp-volume-progress, #f01154) !important;
}

/* --------------------------------------------------------------------------
 * 4.3.4 — native replacement, playback-rate menu and volume layout hardening
 * -------------------------------------------------------------------------- */

/* Video.js 8 uses nested controls (a component wrapper plus an inner button).
 * Size only direct control-bar children; sizing every descendant collapses
 * playback menus and pushes the volume slider over adjacent buttons. */
.awppp-player .video-js .vjs-control-bar > .vjs-control,
.awppp-player .video-js .vjs-control-bar > .vjs-button {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 48px !important;
  line-height: 48px !important;
}

.awppp-player .video-js .vjs-control-bar > .vjs-progress-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 50px !important;
  max-width: none !important;
}

/* A popup menu must be allowed to leave the 48px control-bar area, especially
 * for audio-only players. Media itself keeps its rounded corners. */
.awppp-player .video-js {
  overflow: visible !important;
}
.awppp-player .video-js .vjs-tech,
.awppp-player .video-js .vjs-poster {
  border-radius: var(--awppp-radius, 8px) !important;
}

/* Playback-rate: the visible 1x label used to cover the real button and absorb
 * pointer events. Keep the label visual-only and give the button the full hit
 * area. */
.awppp-player .video-js .vjs-control-bar > .vjs-playback-rate {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  cursor: pointer !important;
}
.awppp-player .video-js .vjs-control-bar > .vjs-playback-rate > .vjs-playback-rate-value {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
}
.awppp-player .video-js .vjs-control-bar > .vjs-playback-rate > button.vjs-playback-rate {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
}
.awppp-player .video-js .vjs-control-bar > .vjs-playback-rate > button.vjs-playback-rate > .vjs-icon-placeholder {
  display: none !important;
}

/* Stable popup positioning independent of theme direction and Video.js skin. */
.awppp-player .video-js .vjs-menu-button-popup {
  overflow: visible !important;
}
.awppp-player .video-js .vjs-menu-button-popup > .vjs-menu {
  position: absolute !important;
  z-index: 10050 !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(100% + 8px) !important;
  top: auto !important;
  width: max-content !important;
  min-width: 92px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: translateX(-50%) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.awppp-player .video-js .vjs-menu-button-popup > .vjs-menu.vjs-lock-showing {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.awppp-player .video-js .vjs-menu-button-popup > .vjs-menu > .vjs-menu-content {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: inherit !important;
  max-height: min(280px, 60vh) !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 10px !important;
  direction: ltr !important;
  text-align: center !important;
}
.awppp-player .video-js .vjs-menu-button-popup > .vjs-menu > .vjs-menu-content::after {
  display: none !important;
}
.awppp-player .video-js .vjs-menu-button-popup .vjs-menu-item {
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 7px !important;
  line-height: 18px !important;
  cursor: pointer !important;
}

/* Volume panel: reserve real horizontal space for both icon and slider. */
.awppp-player .video-js .vjs-control-bar > .vjs-volume-panel,
.awppp-player .video-js .vjs-control-bar > .vjs-volume-panel:hover,
.awppp-player .video-js .vjs-control-bar > .vjs-volume-panel.vjs-slider-active,
.awppp-player .video-js .vjs-control-bar > .vjs-volume-panel.vjs-hover {
  position: relative !important;
  display: flex !important;
  flex: 0 0 116px !important;
  align-items: center !important;
  width: 116px !important;
  min-width: 116px !important;
  max-width: 116px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.awppp-player .video-js .vjs-volume-panel > .vjs-mute-control,
.awppp-player .video-js .vjs-volume-panel > .vjs-volume-menu-button {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.awppp-player .video-js .vjs-volume-panel > .vjs-volume-control,
.awppp-player .video-js .vjs-volume-panel:hover > .vjs-volume-control,
.awppp-player .video-js .vjs-volume-panel.vjs-slider-active > .vjs-volume-control,
.awppp-player .video-js .vjs-volume-panel.vjs-hover > .vjs-volume-control {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  width: 76px !important;
  min-width: 0 !important;
  max-width: 76px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 10px 0 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.awppp-player .video-js .vjs-volume-panel .vjs-volume-bar,
.awppp-player .video-js .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.awppp-player .video-js .vjs-volume-panel .vjs-volume-level {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100% !important;
  border-radius: inherit !important;
}
.awppp-player .video-js .vjs-volume-panel .vjs-volume-level::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--awppp-volume-progress, #f01154) !important;
  transform: translate(50%, -50%) !important;
}

/* Keep the compact mobile control bar usable; mute remains available while the
 * drag slider is hidden when horizontal space is genuinely limited. */
@media (max-width: 720px) {
  .awppp-player .video-js .vjs-control-bar > .vjs-control,
  .awppp-player .video-js .vjs-control-bar > .vjs-button {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 44px !important;
  }
  .awppp-player .video-js .vjs-control-bar > .vjs-volume-panel,
  .awppp-player .video-js .vjs-control-bar > .vjs-volume-panel:hover,
  .awppp-player .video-js .vjs-control-bar > .vjs-volume-panel.vjs-slider-active {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 44px !important;
  }
  .awppp-player .video-js .vjs-volume-panel > .vjs-mute-control,
  .awppp-player .video-js .vjs-volume-panel > .vjs-volume-menu-button {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 44px !important;
  }
  .awppp-player .video-js .vjs-volume-panel > .vjs-volume-control {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
 * 4.3.4 final — reliable rate selection and non-overlapping volume controls
 * -------------------------------------------------------------------------- */

/* Media controls follow the familiar LTR timeline even on RTL pages. Text in
 * menus remains independently controlled, so Persian labels still read RTL. */
.awppp-player .video-js .vjs-control-bar {
  direction: ltr !important;
  flex-direction: row !important;
}

/* The bundled mobile UI stylesheet disabled pointer events on playback-rate
 * buttons. Pars Player now exposes a click-select menu on every input type. */
.awppp-player .video-js.vjs-is-mobile button.vjs-playback-rate,
.awppp-player .video-js button.vjs-playback-rate {
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.awppp-player .video-js .vjs-control-bar > .vjs-volume-panel {
  direction: ltr !important;
  flex-direction: row !important;
  gap: 0 !important;
  transition: none !important;
}
.awppp-player .video-js .vjs-volume-panel > .vjs-mute-control,
.awppp-player .video-js .vjs-volume-panel > .vjs-volume-menu-button {
  order: 0 !important;
  z-index: 2 !important;
  transform: none !important;
}
.awppp-player .video-js .vjs-volume-panel > .vjs-volume-control {
  order: 1 !important;
  z-index: 1 !important;
  transform: none !important;
  transition: none !important;
  pointer-events: auto !important;
}
.awppp-player .video-js .vjs-volume-panel .vjs-volume-bar {
  direction: ltr !important;
  overflow: visible !important;
  touch-action: none !important;
}
.awppp-player .video-js .vjs-volume-panel .vjs-volume-level {
  transform: none !important;
  transform-origin: left center !important;
}

/* The menu must remain above posters, touch overlays, Action Bar and late theme
 * layers. Click state is set by compat-player.js and is keyboard accessible. */
.awppp-player .video-js .vjs-control-bar > .vjs-menu-button-popup.vjs-menu-button-active {
  z-index: 10060 !important;
}
.awppp-player .video-js .vjs-control-bar > .vjs-playback-rate > .vjs-menu {
  direction: ltr !important;
}

@media (max-width: 720px) {
  .awppp-player .video-js .vjs-control-bar > .vjs-volume-panel {
    flex-direction: row !important;
  }
}

/* --------------------------------------------------------------------------
 * 4.3.6 — Element Pack Video Player / UIkit modal compatibility
 * -------------------------------------------------------------------------- */

/* The legacy jPlayer UI is hidden only after Pars Player has captured a valid
 * source and begun the replacement. This prevents two control bars flashing
 * during the same frame while preserving a visible fallback if extraction fails. */
.bdt-video-player.awppp-element-pack-transition,
.jp-video.awppp-element-pack-transition,
.jp-jplayer.awppp-element-pack-transition {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Element Pack normally constrains .bdt-video and styles only its .jp-video
 * child. The adopted Pars Player becomes the direct child and must inherit the
 * same available width without being collapsed by modal or widget CSS. */
.bdt-video[data-awppp-element-pack-adopted="1"] > .awppp-player,
.elementor-widget-bdt-video-player .awppp-element-pack-player {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.bdt-modal .awppp-element-pack-player,
.uk-modal .awppp-element-pack-player {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep the normal in-modal shell visible, but do not override .is-fixed.
 * Fixed mode has its own position, width and high stacking layer. */
.bdt-modal .awppp-element-pack-player .awppp-fixed-shell:not(.is-fixed),
.uk-modal .awppp-element-pack-player .awppp-fixed-shell:not(.is-fixed),
.bdt-modal .awppp-element-pack-player .video-js,
.uk-modal .awppp-element-pack-player .video-js {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.bdt-modal .awppp-element-pack-player .awppp-fixed-shell.is-fixed,
.uk-modal .awppp-element-pack-player .awppp-fixed-shell.is-fixed {
  visibility: visible !important;
  opacity: 1 !important;
}

.bdt-modal .awppp-element-pack-player .video-js,
.uk-modal .awppp-element-pack-player .video-js {
  overflow: hidden !important;
}


/* --------------------------------------------------------------------------
 * 4.3.7 — pre-play interception, detached-player cleanup and JetElements
 * -------------------------------------------------------------------------- */
.jet-video.awppp-jet-elements-transition,
.jet-video__overlay.awppp-jet-elements-transition {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.elementor-widget-jet-video[data-awppp-jet-elements-adopted="1"] .awppp-jet-elements-player,
.awppp-jet-elements-player {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.awppp-compat-modal-open,
html.awppp-compat-modal-open body {
  overflow: hidden !important;
}
.awppp-compat-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: clamp(16px, 4vw, 48px) !important;
  background: rgba(6, 10, 18, 0.82) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.awppp-compat-modal__dialog {
  position: relative !important;
  width: min(1120px, 100%) !important;
  max-height: calc(100vh - 32px) !important;
  overflow: visible !important;
}
.awppp-compat-modal__content,
.awppp-compat-modal .awppp-modal-player {
  width: 100% !important;
}
.awppp-compat-modal__close {
  position: fixed !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  z-index: 2147483002 !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 0 3px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 50% !important;
  background: rgba(15, 23, 42, .82) !important;
  color: #fff !important;
  font: 400 32px/1 Arial, sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.28) !important;
}
.awppp-compat-modal__close:hover,
.awppp-compat-modal__close:focus-visible {
  background: rgba(30, 41, 59, .98) !important;
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (max-width: 720px) {
  .awppp-compat-modal { padding: 58px 10px 14px !important; }
  .awppp-compat-modal__dialog { width: 100% !important; }
}


/* --------------------------------------------------------------------------
 * 4.3.8 — direct ownership of Element Pack Lightbox video triggers
 * -------------------------------------------------------------------------- */
.awppp-compat-modal__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.awppp-compat-modal__caption {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 0 0 var(--awppp-radius, 8px) var(--awppp-radius, 8px) !important;
  background: rgba(15, 23, 42, .92) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-align: center !important;
}
.awppp-compat-modal__caption + * { margin-top: 0 !important; }
.awppp-compat-modal--fade { animation: awppp-modal-fade .2s ease both; }
.awppp-compat-modal--scale .awppp-compat-modal__dialog { animation: awppp-modal-scale .22s ease both; }
.awppp-compat-modal--slide .awppp-compat-modal__dialog { animation: awppp-modal-slide .24s ease both; }
@keyframes awppp-modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes awppp-modal-scale { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
@keyframes awppp-modal-slide { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .awppp-compat-modal,
  .awppp-compat-modal__dialog { animation: none !important; }
}


/* --------------------------------------------------------------------------
 * 4.3.9 — UIkit Lightbox media-factory adapter
 * -------------------------------------------------------------------------- */
.bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player,
.uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(1120px, calc(100vw - 96px)) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}
.bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .awppp-fixed-shell:not(.is-fixed),
.uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .awppp-fixed-shell:not(.is-fixed),
.bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .video-js,
.uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .video-js,
.bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player.awppp-embed iframe,
.uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player.awppp-embed iframe {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .video-js,
.uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player .video-js {
  overflow: hidden !important;
}
@media (max-width: 720px) {
  .bdt-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player,
  .uk-lightbox[data-awppp-lightbox-factory="1"] .awppp-element-pack-lightbox-player {
    width: calc(100vw - 20px) !important;
  }
}