/**
 * Video Embed Block Styles
 *
 * Minimal styles for the HTML5 video embed block.
 * Zero JavaScript - browser handles everything natively.
 */

.fs-video-embed {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.fs-video-embed__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

.fs-video-embed__wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Border radius modifier */
.fs-video-embed.has-border-radius .fs-video-embed__wrapper {
    border-radius: 12px;
}

/* No video placeholder */
.fs-video-embed--no-video {
    padding: 2rem;
    background-color: #f5f5f5;
    border: 2px dashed #ccc;
    text-align: center;
    color: #666;
}

.fs-video-embed--no-video p {
    margin: 0;
}