/**
 * @file
 * Styles for the process steps SDC component.
 */

/* Process Step Video: fullscreen, no controls, autoplay behavior */
.process-step__media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hide all video controls */
.process-step__media video::-webkit-media-controls,
.process-step__media video::-webkit-media-controls-panel,
.process-step__media video::-webkit-media-controls-play-button,
.process-step__media video::-webkit-media-controls-start-playback-button,
.process-step__media video::-webkit-media-controls-enclosure {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0;
  pointer-events: none;
}

.process-step__media video::-moz-media-controls {
  display: none !important;
}

/* Ensure container has proper positioning */
.process-step__media {
  position: relative;
}

/* Fix for Drupal's contextual-region wrapper - must fill the container */
.process-step__media .contextual-region {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Also handle any field wrapper divs that might be in the way */
.process-step__media .field--name-field-media,
.process-step__media .field__item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}