/* Native HTML5 Video Controls Styling */

/* Target the specific video container */
.video-no-gradient {
  border-radius: 20px;
}

.video-no-gradient video {
  /* Ensure the video fills container properly */
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Style the native controls bar with transparent background */
.video-no-gradient video::-webkit-media-controls-panel {
  background: transparent !important;
  height: 90px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/* Ensure controls enclosure is positioned correctly */
.video-no-gradient video::-webkit-media-controls-enclosure {
  position: absolute !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 90px !important;
}

/* Firefox support */
.video-no-gradient video::-moz-media-controls-panel {
  background: transparent !important;
  height: 90px !important;
  position: absolute !important;
  bottom: 0 !important;
}

/* Specific class for LearnMoreContent intro video - Hide ALL controls */
.intro-video-no-controls video::-webkit-media-controls {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-panel {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-enclosure {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-play-button {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-timeline {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-current-time-display {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-time-remaining-display {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-volume-slider {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-mute-button {
  display: none !important;
}

.intro-video-no-controls video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

/* Firefox support - hide all controls */
.intro-video-no-controls video::-moz-media-controls {
  display: none !important;
}

.intro-video-no-controls video::-moz-media-controls-panel {
  display: none !important;
}

/* Prevent default video controls on click */
.intro-video-no-controls video {
  pointer-events: auto;
}

.intro-video-no-controls video:focus {
  outline: none;
}