/* Margin Separator Block Styles */
.wp-block-seo-margin-separator {
    width: 100%;
    clear: both;
}

.wp-block-seo-margin-separator:not([class*="block-editor"]){
    margin-top:0 !important;
}

/* Editor Preview */
.wp-block-seo-margin-separator .margin-separator-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 20px;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 5px,
        rgba(0, 82, 204, 0.05) 5px,
        rgba(0, 82, 204, 0.05) 10px
    );
    border: 1px dashed rgba(0, 82, 204, 0.3);
    border-radius: 4px;
}

.wp-block-seo-margin-separator .margin-separator-label {
    font-size: 11px;
    color: #666;
    background: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    white-space: nowrap;
}

/* Hide preview on frontend */
.wp-block-seo-margin-separator:not(.block-editor-block-list__block) .margin-separator-preview {
    display: none;
}