/* ===== MOBILE VIDEO PLAY BUTTON FIX - CRITICAL ===== */
/* This file aggressively hides ALL video controls and play buttons on all devices */
/* Especially targeting iOS Safari's large center play button */

/* Base video styles */
video {
  /* Prevent any default controls from appearing */
  pointer-events: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* ===== WebKit/Safari Media Controls ===== */

/* Main container */
video::-webkit-media-controls {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  z-index: -9999 !important;
}

video::-webkit-media-controls-enclosure {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ===== THE BIG PLAY BUTTON - Primary culprit on iOS ===== */
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -9999 !important;
  background: transparent !important;
  border: none !important;
}

/* Regular play button */
video::-webkit-media-controls-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ===== Center overlay play button - iOS shows this sometimes ===== */
video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  z-index: -9999 !important;
}

/* ===== All other controls ===== */
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline-container,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-volume-slider-container,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-text-track-container,
video::-webkit-media-text-track-display,
video::-webkit-media-text-track-display-backdrop,
video::-webkit-media-controls-seek-back-button,
video::-webkit-media-controls-seek-forward-button,
video::-webkit-media-controls-toggle-closed-captions-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* ===== Mozilla Firefox ===== */
video::-moz-media-controls {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

video::-moz-media-controls-start-playback-button {
  display: none !important;
}

/* ===== Microsoft Edge/IE ===== */
video::-ms-media-controls {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ===== Specific class selectors for hero videos ===== */
.video-hero video,
.hero-section video,
.hero-video,
video.hero-video,
video#hero-video,
section video {
  pointer-events: none !important;
  object-fit: cover !important;
}

.video-hero video::-webkit-media-controls,
.video-hero video::-webkit-media-controls-start-playback-button,
.video-hero video::-webkit-media-controls-overlay-play-button,
.hero-section video::-webkit-media-controls,
.hero-section video::-webkit-media-controls-start-playback-button,
.hero-section video::-webkit-media-controls-overlay-play-button,
.hero-video::-webkit-media-controls,
.hero-video::-webkit-media-controls-start-playback-button,
.hero-video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-appearance: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ===== Overlay to cover any lingering play buttons ===== */
.video-hero-overlay,
.hero-overlay {
  z-index: 5 !important;
  pointer-events: none !important;
}