/**
 * Video Player Styles
 */

/* Video Container */
.usp-video-container {
    margin: 30px 0;
    width: 100%;
}

/* Video Player Wrapper - Responsive */
.usp-video-player-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    background-color: #000;
    overflow: hidden;
    border-radius: 8px;
}

.usp-video-player-wrapper mux-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Entry Content Adjustments */
.entry-content .usp-video-container {
    margin-bottom: 40px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .usp-video-container {
        margin: 20px 0;
    }
}