/* Personnalisation des couleurs Video.js */

/* Bouton play principal */
.video-js .vjs-big-play-button {
    background-color: #1838BD;
    border-color: #1838BD;
}

.video-js .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus {
    background-color: #0e2488;
    border-color: #0e2488;
}

/* Barre de progression */
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    background-color: #1838BD;
}

/* Boutons de la barre de contrôle */
.video-js .vjs-control-bar {
    background-color: rgba(0, 0, 0, 0.7);
}

.video-js .vjs-control:hover::before,
.video-js .vjs-control:focus::before {
    color: #1838BD;
}

/* Slider de volume */
.video-js .vjs-slider {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Loading spinner */
.vjs-loading-spinner {
    border-color: #1838BD;
}

/* Bouton play/pause hover */
.video-js .vjs-play-control:hover .vjs-icon-placeholder::before {
    color: #1838BD;
}

/* Responsive wrapper */
.chp-player-wrapper {
    max-width: 100%;
}

/* Titre de la vidéo */
.chp-video-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.chp-player-wrapper.vjs-playing .chp-video-title {
    opacity: 0;
}