/**
 * YouTube Video Border Radius Styles
 * Applies 10px border radius to all embedded YouTube videos
 */

/* Standard WordPress YouTube embeds */
.wp-block-embed-youtube iframe,
.wp-block-embed__wrapper iframe[src*="youtube"],
.wp-block-embed__wrapper iframe[src*="youtu.be"] {
    border-radius: 10px !important;
}

/* General YouTube iframe targeting */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
    border-radius: 10px !important;
}

/* WordPress embed blocks with YouTube */
.wp-block-embed.is-provider-youtube iframe,
.wp-embed-aspect-16-9 iframe,
.wp-has-aspect-ratio iframe {
    border-radius: 10px !important;
}

/* Legacy WordPress embeds */
.entry-content iframe[src*="youtube"],
.post-content iframe[src*="youtube"] {
    border-radius: 10px !important;
}

/* Ensure the container doesn't clip the border radius */
.wp-block-embed__wrapper,
.wp-block-embed.is-provider-youtube,
.wp-embed-aspect-16-9 {
    border-radius: 10px;
    overflow: hidden;
}

/* For responsive video containers */
.video-container iframe,
.responsive-video iframe {
    border-radius: 10px !important;
}

/* Additional targeting for common embed patterns */
.embed-youtube iframe,
.youtube-player iframe,
div[class*="youtube"] iframe {
    border-radius: 10px !important;
}