/**
 * HLS Player Styles
 *
 * @package   WP Grid Builder
 * @author    Custom
 * @copyright 2024
 */

.wpgb-card-media-player {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.video-card-hls, 
.audio-card-hls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.hls-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hide thumbnail when video is playing */
.wpgb-card-media-player + .wpgb-card-media-thumbnail {
    display: none;
}