.configux-wordpress-player {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.configux-wordpress-player.configux-mode-standalone_fullscreen {
  position: fixed;
  top: var(--configux-wordpress-top-offset, 0px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 2147483000 !important;
  width: 100vw !important;
  max-width: none !important;
  height: calc(100dvh - var(--configux-wordpress-top-offset, 0px)) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  overscroll-behavior: contain;
}

/* RC82: WordPress adds an !important margin to <html> while an administrator
   is logged in. Keep the toolbar visible, reset the duplicate document offset,
   and reserve its real viewport height above the fullscreen Player. */
html:has(.configux-wordpress-player.configux-mode-standalone_fullscreen) {
  --configux-wordpress-top-offset: 0px;
}

html:has(.configux-wordpress-player.configux-mode-standalone_fullscreen),
html:has(.configux-wordpress-player.configux-mode-standalone_fullscreen) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
}

html:has(#wpadminbar):has(.configux-wordpress-player.configux-mode-standalone_fullscreen) {
  --configux-wordpress-top-offset: 32px;
}

body:has(.configux-wordpress-player.configux-mode-standalone_fullscreen) #wpadminbar {
  z-index: 2147483647 !important;
}

.configux-wordpress-player > configux-player,
.configux-wordpress-player > .configux-wordpress-player-frame {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.configux-wordpress-player.configux-mode-standalone_fullscreen > configux-player,
.configux-wordpress-player.configux-mode-standalone_fullscreen > .configux-wordpress-player-frame {
  height: 100% !important;
  min-height: 0 !important;
}

.configux-wordpress-player.configux-mode-standalone_fullscreen > configux-player {
  --configux-embed-height: 100%;
}

.configux-binding-error {
  padding: 12px 14px;
  border: 1px solid #efc6c2;
  border-radius: 8px;
  color: #8f2f28;
  background: #fff5f4;
}

@media (max-width: 720px) {
  .configux-wordpress-player { max-width: 100vw; }
}

@media (max-width: 782px) {
  html:has(#wpadminbar):has(.configux-wordpress-player.configux-mode-standalone_fullscreen) {
    --configux-wordpress-top-offset: 46px;
  }
}