/* Bridge Azbloq video gallery tokens into Esthetaz theme */
.videobloq-page,
.video-gallery-page,
.video-show-page,
.uvp-page {
  --theme-color: var(--theme-primary, #0e82fd);
  --theme-primary: var(--theme-primary, #0e82fd);
  --white-color: #fff;
}

.vg-player__stage {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #0b0b0b;
  border-radius: 14px;
  overflow: hidden;
}

.vg-player__iframe,
.vg-player__video,
.vg-player__embed iframe,
.vg-player__poster-img {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
}

.vg-player__embed {
  width: 100%;
  height: 100%;
}

.vg-player__embed iframe,
.vg-player__embed video {
  width: 100%;
  height: 100%;
}

.vg-player__fallback {
  display: grid;
  place-items: center;
  gap: 0.5rem;
  height: 100%;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 1.5rem;
}

.vp-upnext-item__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 94px;
  background: rgba(127, 127, 127, 0.12);
  color: rgba(127, 127, 127, 0.7);
  font-size: 1.5rem;
}

.vp-about:not(.is-expanded) {
  max-height: 7.5rem;
  overflow: hidden;
}

html[data-theme="dark"] .video-gallery-page,
html.dark-mode .video-gallery-page {
  --title-color: #f3f4f6;
  --body-color: rgba(243, 244, 246, 0.72);
  --body-bg: transparent;
  --border-color: rgba(255, 255, 255, 0.12);
  --smoke-color: rgba(255, 255, 255, 0.06);
}

.premium-video-player-anchor-holder {
  width: 100%;
}

.premium-video-player-wrapper {
  width: 100%;
}

.video-show-page .vp-player-wrap--newsroom .vg-player--newsroom {
  background: transparent;
}

.newsroom-vp {
  --newsroom-vp-accent: var(--theme-primary, #0e82fd);
  --newsroom-vp-accent-hover: var(--theme-primary, #0e82fd);
}

body.newsroom-vp-theater-mode .video-show-page .vp-layout > .col-lg-4 {
  display: none !important;
}

body.newsroom-vp-theater-mode .video-show-page .vp-layout > .col-lg-8 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
