/**
 * Video Metabox - YouTube embed styles
 *
 * Loaded conditionally on singular post pages that have a stored YouTube embed.
 */

.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 82, 155, 0.15);
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
}

.youtube-video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}