/*
 * Vizzibo Vertical Editors - iframe wrapper styles.
 * The editor SPA inside the iframe is fully self-contained; these rules only
 * handle the outer frame and a sensible default background while the iframe
 * is still loading.
 */

.vbve-frame-wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #0E1116;
    border-radius: 4px;
    overflow: hidden;
    min-height: 600px;
    position: relative;
}

.vbve-frame {
    display: block;
    width: 100%;
    border: 0;
    background: #0E1116;
}

/* Smaller min-height on narrow viewports so the wrapper does not push
   surrounding content off the page while the editor loads. */
@media (max-width: 767px) {
    .vbve-frame-wrap {
        min-height: 480px;
    }
}