/* Video Controls Fix for Mobile Devices Only */
@media (max-width: 768px) {
  video {
    pointer-events: auto;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    /* iOS Safari specific fixes */
    -webkit-playsinline: true;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
  }

  /* Hide native video controls on mobile */
  video::-webkit-media-controls {
    display: none !important;
  }

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

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

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

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

  /* Webkit specific video fixes */
  video::-webkit-media-controls-fullscreen-button {
    display: none !important;
  }

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

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

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

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

  /* Container fixes for mobile */
  .video-left {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
  }

  .video-left video {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: auto;
    object-fit: cover;
    max-height: 60vh;
    background-color: #000;
  }

  /* iOS Safe Area Support */
  @supports (padding: max(0px)) {
    video {
      padding-left: max(0px, env(safe-area-inset-left));
      padding-right: max(0px, env(safe-area-inset-right));
    }
  }
}

/* Desktop version - keep original behavior */
@media (min-width: 769px) {
  video {
    pointer-events: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  video::-webkit-media-controls {
    display: none !important;
  }

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

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

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

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

  .video-left {
    pointer-events: none !important;
  }

  .video-left video {
    pointer-events: none !important;
  }
}