/* Chrome Mobile specific video fixes */

/* Detectar Chrome no Android/iOS */
@supports (-webkit-appearance: none) {
  @media (max-width: 1024px) {
    video {
      pointer-events: none !important;
      -webkit-user-select: none !important;
      user-select: none !important;
      -webkit-touch-callout: none !important;
      -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Força ocultação de todos os controles possíveis */
    video::-webkit-media-controls,
    video::-webkit-media-controls-panel,
    video::-webkit-media-controls-play-button,
    video::-webkit-media-controls-start-playback-button,
    video::-webkit-media-controls-overlay-play-button,
    video::-webkit-media-controls-current-time-display,
    video::-webkit-media-controls-time-remaining-display,
    video::-webkit-media-controls-volume-slider,
    video::-webkit-media-controls-fullscreen-button,
    video::-webkit-media-controls-timeline,
    video::-webkit-media-controls-enclosure,
    video::-webkit-media-controls-toggle-closed-captions-button {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      width: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
    }
    
    /* Específico para cada classe de vídeo */
    .hero-video,
    .values-bg-video,
    .contact-video {
      appearance: none !important;
      -webkit-appearance: none !important;
      -webkit-user-select: none !important;
      user-select: none !important;
      -webkit-touch-callout: none !important;
      -webkit-tap-highlight-color: transparent !important;
      pointer-events: none !important;
    }
    
    /* Chrome Android específico */
    .hero-video::-webkit-media-controls,
    .values-bg-video::-webkit-media-controls,
    .contact-video::-webkit-media-controls {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      position: absolute !important;
      left: -9999px !important;
      top: -9999px !important;
    }
  }
}

/* Fallback para qualquer webkit mobile */
@media (max-width: 768px) {
  video {
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  
  video:focus,
  video:active,
  video:hover {
    outline: none !important;
    border: none !important;
  }
  
  /* Remove qualquer sombra ou outline que pode aparecer no Chrome mobile */
  video::-webkit-media-controls-panel {
    background: transparent !important;
    box-shadow: none !important;
  }
}