/* AfterWorkTV — live channel ([kortkod-live-kanal]). Full-width HLS player. */

/* Force the Elementor HTML/shortcode widget that contains the player to full width. */
.elementor-widget-html:has(.awtv-video-full),
.elementor-widget-html:has(.awtv-video-full) .elementor-widget-container,
.elementor-widget-shortcode:has(.awtv-video-full),
.elementor-widget-shortcode:has(.awtv-video-full) .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

.awtv-video-full {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;                  /* clip the video to the rounded corners */
  border-radius: 50px;               /* same as the archive video player */
  background: #000;
  /* Same selected-state outline as the archive video / active card (primary @ 50% opacity). */
  outline: 5px solid rgba(214, 0, 168, 0.5);   /* fallback for browsers without color-mix */
  outline: 5px solid color-mix(in srgb, var(--e-global-color-primary, #d600a8) 50%, transparent);
  outline-offset: 3px;
}

.awtv-video-full video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.awtv-live-error {
  color: #fff;
  padding: 16px;
}