/**
 * @file
 * Styles for oEmbed Fullscreen Video formatter.
 */

.oembed-fullscreen-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background: #000;
}

.oembed-fullscreen-container.aspect-4-3 {
  padding-bottom: 75%; /* 4:3 aspect ratio */
}

.oembed-fullscreen-container.aspect-1-1 {
  padding-bottom: 100%; /* 1:1 aspect ratio */
}

.oembed-fullscreen-container .oembed-fullscreen-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oembed-fullscreen-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Full viewport height option */
.oembed-fullscreen-container.full-height {
  height: 100vh;
  padding-bottom: 0;
}

/* Full width without aspect ratio constraints */
.oembed-fullscreen-container.full-width {
  padding-bottom: 0;
  height: auto;
  min-height: 400px;
}

.oembed-fullscreen-container.full-width iframe {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  min-height: 400px;
}