/* Elementor uses cover for hosted videos. In fullscreen, show the entire frame. */
video[controls]:fullscreen,
:fullscreen video[controls] {
  object-fit: contain !important;
  object-position: center center !important;
  background: #000 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  transform: none !important;
  border-radius: 0 !important;
}

/* Older WebKit fullscreen uses a prefixed selector; keep it in a separate rule. */
video[controls]:-webkit-full-screen,
:-webkit-full-screen video[controls] {
  object-fit: contain !important;
  object-position: center center !important;
  background: #000 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  transform: none !important;
  border-radius: 0 !important;
}