/**
 * Simple HTML Page Builder – Frontend Output Styles
 *
 * Minimal wrapper styles. The user's pasted HTML retains
 * its own styling; we only ensure the wrapper is responsive.
 *
 * @package SimpleHTMLPageBuilder
 */

.shpb-output {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Ensure images are responsive by default. */
.shpb-output img {
    max-width: 100%;
    height: auto;
}

/* Responsive video wrappers (inserted by plugin). */
.shpb-output .shpb-video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 1em 0;
}

.shpb-output .shpb-video-responsive iframe,
.shpb-output .shpb-video-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Self-hosted video. */
.shpb-output video {
    max-width: 100%;
    height: auto;
}