/**
 * YouTube Preview Styling - Full Width Thumbnails
 * Makes YouTube video thumbnails occupy the full post width
 */

/* Make YouTube preview container full width */
.youtube-preview {
    max-width: 100% !important;
    width: 100% !important;
    margin: 1rem 0 !important;
}

/* Make YouTube thumbnail container full width */
.youtube-thumbnail {
    max-width: 100% !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* Maintain 16:9 aspect ratio */
}

/* Ensure thumbnail image fills the container */
.youtube-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .youtube-preview {
        margin: 0.75rem 0 !important;
    }
}