/* Plyr Video Player Styling */
.podcast-video .video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* Basic Plyr YouTube video styling */
.podcast-video .plyr__video-embed {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.podcast-video .plyr__video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
}

/* Center and scale YouTube thumbnail to fill width */
.podcast-video .plyr__video-embed iframe[src*="youtube.com"] {
    object-fit: cover;
    object-position: center;
}

/* Override Plyr's default poster styling with higher specificity */
.podcast-video .plyr__video-embed .plyr__poster {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

/* Additional styling to ensure proper thumbnail display */
.podcast-video .plyr__video-embed {
    background: #000;
}

.podcast-video .plyr__video-embed iframe {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Customize the overlaid play button to match your design */
.podcast-video .plyr--video .plyr__control--overlaid {
    background-color: #e96822;
    border-radius: 0px;
}

.podcast-video .plyr--video .plyr__control--overlaid:hover {
    opacity: 1;
    background-color: #e96822 !important;
}

/* Remove hover borders from all Plyr controls */
.podcast-video .plyr--video .plyr__control:hover,
.podcast-video .plyr--video .plyr__control:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: #0072e3;
}

.podcast-video .plyr input[type="range"] {
    --plyr-range-fill-background: #0072e3; /* filled portion */
}

.podcast-video .plyr--hide-extra-controls .plyr__controls > :not(.plyr__control.plyr__control--overlaid[data-plyr="play"]) {
    display: none;
}

/* Seek link styling */
.podcast-video .seek-link {
    cursor: pointer;
    color: #0072e3;
    text-decoration: underline;
}

.podcast-video .seek-link:hover {
    color: #0056b3;
}