/* Color naranja NK-MOVIE */
.video-js {
    color: #FFB500 !important;
}

/* Contenedor principal del modal de video */
.video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; /* Evita que los controles se escapen */
}

/* Forzar a Video.js a ocupar todo el espacio del modal */
.video-js {
    width: 100% !important;
    height: 100% !important;
    color: #FFB500;
}

/* Asegurar que la barra de controles siempre sea visible al mover el mouse */
.vjs-has-started .vjs-control-bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Botón central de Play - Estilo NK-MOVIE */
.video-js .vjs-big-play-button {
    background-color: rgba(255, 181, 0, 0.7) !important;
    border-color: #FFB500 !important;
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    margin-top: -40px !important;
    margin-left: -40px !important;
}

.video-js .vjs-big-play-button:hover {
    background-color: #FFB500 !important;
}

/* Barra de progreso en tu naranja corporativo */
.video-js .vjs-play-progress, 
.video-js .vjs-volume-level {
    background-color: #FFB500 !important;
}
/* Hacer la barra de progreso más fácil de tocar en móvil */
.video-js .vjs-progress-control {
    height: 15px !important; /* Más alta para el dedo */
    display: flex;
    align-items: center;
}

/* Agrandar el círculo del buscador (slider) solo en dispositivos táctiles */
.vjs-touch-enabled .vjs-play-progress::before {
    font-size: 1.5em !important;
    top: -5px !important;
}

/* Evitar que el sistema nativo de iOS oculte los controles */
video::-webkit-media-controls {
    display:none !important;
}

/* Asegurar que el contenedor del video no bloquee los toques */
.vjs-tech {
    pointer-events: auto;
}


/* Eliminamos los hacks de los controles nativos para evitar conflictos */