/* ==========================================================================
   VIDEO PAUSE FIX - TESTIMONIAL VIDEOS
   Ermöglicht das Pausieren der voices.mp4 und Neshforce 1.mp4 Videos
   ========================================================================== */

/* ===== TESTIMONIAL VIDEOS - PAUSE FUNKTIONALITÄT AKTIVIEREN ===== */
.testimonial-video {
    /* Überschreibt mobile-video-prevent.css */
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: auto !important;
    user-select: auto !important;
    
    /* Native Controls - NUR OHNE PLAY BUTTON */
    -webkit-media-controls: auto !important;
    -webkit-media-controls-panel: auto !important;
    -webkit-media-controls-play-button: none !important;
    -webkit-media-controls-start-playback-button: none !important;
    -webkit-media-controls-timeline: auto !important;
    -webkit-media-controls-current-time-display: auto !important;
    -webkit-media-controls-time-remaining-display: auto !important;
    -webkit-media-controls-volume-slider: auto !important;
    -webkit-media-controls-mute-button: auto !important;
    
    /* Verhindere Fullscreen auf Mobile */
    -webkit-media-controls-fullscreen-button: none !important;
    
    /* Touch-optimiert */
    min-height: 200px !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: 2px solid rgba(220, 20, 60, 0.3) !important;
    
    /* Controls sichtbar machen */
    controls: true !important;
    
    /* Mobile Playsinline */
    -webkit-playsinline: true !important;
    playsinline: true !important;
}

/* ===== WEBKIT CONTROLS ÜBERSCHREIBUNG ===== */
.testimonial-video::-webkit-media-controls {
    display: flex !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    z-index: 10 !important;
}

.testimonial-video::-webkit-media-controls-panel {
    display: flex !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.testimonial-video::-webkit-media-controls-play-button,
.testimonial-video::-webkit-media-controls-start-playback-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

.testimonial-video::-webkit-media-controls-timeline {
    display: flex !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.testimonial-video::-webkit-media-controls-current-time-display,
.testimonial-video::-webkit-media-controls-time-remaining-display {
    display: flex !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.testimonial-video::-webkit-media-controls-volume-slider,
.testimonial-video::-webkit-media-controls-mute-button {
    display: flex !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ===== FULLSCREEN BUTTON VERSTECKEN ===== */
.testimonial-video::-webkit-media-controls-fullscreen-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* ===== MOBILE SPEZIFISCHE KORREKTUREN ===== */
@media (max-width: 768px) {
    .testimonial-video {
        /* Sicherstellen dass Touch funktioniert */
        pointer-events: auto !important;
        touch-action: manipulation !important;
        
        /* Minimum Touch Target Size */
        min-height: 44px !important;
        
        /* Controls besser sichtbar */
        border: 1px solid rgba(220, 20, 60, 0.4) !important;
        border-radius: 6px !important;
    }
    
    /* Container Touch-Events aktivieren */
    .events-testimonials__videos,
    .events-testimonials__events {
        pointer-events: auto !important;
        touch-action: auto !important;
    }
}

/* ===== VIDEO STATES ===== */
.testimonial-video[data-playing="true"] {
    border-color: rgba(220, 20, 60, 0.6) !important;
    box-shadow: 0 0 10px rgba(220, 20, 60, 0.3) !important;
}

.testimonial-video[data-paused="true"] {
    border-color: rgba(220, 20, 60, 0.3) !important;
    box-shadow: none !important;
}

/* ===== DEBUGGING HELPER ===== */
/*
.testimonial-video {
    outline: 2px solid lime !important;
}
.testimonial-video::-webkit-media-controls {
    outline: 1px solid orange !important;
}
*/