/**
 * Brightcove to Vimeo — Vimeo Player Styles
 */

.vimeo-player-wrapper {
  margin: 1rem 0;
  width: 100%;
}

/* Responsive 16:9 container */
.vimeo-responsive .vimeo-responsive-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #000;
  border-radius: 4px;
}

.vimeo-responsive .vimeo-responsive-container .vimeo-player-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Non-responsive fallback */
.vimeo-player-wrapper:not(.vimeo-responsive) .vimeo-player-iframe {
  width: 100%;
  height: 360px;
  border: none;
  display: block;
  border-radius: 4px;
}

/* Video title */
.vimeo-player-title {
  font-size: 0.9rem;
  color: #555;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Loading state before iframe resolves */
.vimeo-player-wrapper.vimeo-loading .vimeo-responsive-container::before {
  content: 'Loading video...';
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background: #111;
  font-size: 1rem;
}