/* Theme editor styles */

@import "../../static/dist/theme.css";

:root {
    --vdi-editor-gutter: clamp(1rem, 4vw, 3rem);
}

body {
    font-family: var(--font-sans);

    h1, h2, h3,
    h4, h5, h6 {
        font-family: var(--font-headings);
        font-weight: 700;
        margin: 0 0 1rem;
    }
}

.editor-styles-wrapper.is-root-container,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
.editor-styles-wrapper .wp-block-post-content,
.editor-visual-editor__post-title-wrapper {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: min(100%, var(--wp--style--global--wide-size, 1536px));
    padding-inline: var(--vdi-editor-gutter);
    width: 100%;
}

.editor-styles-wrapper .alignfull,
.editor-styles-wrapper .mx-break-out {
    margin-left: calc(var(--vdi-editor-gutter) * -1);
    margin-right: calc(var(--vdi-editor-gutter) * -1);
    max-width: none;
    width: calc(100% + (var(--vdi-editor-gutter) * 2));
}

.editor-styles-wrapper .ml-break-out {
    margin-left: calc(var(--vdi-editor-gutter) * -1);
    max-width: none;
    width: calc(100% + var(--vdi-editor-gutter));
}

.editor-styles-wrapper .mr-break-out {
    margin-left: 0;
    margin-right: calc(var(--vdi-editor-gutter) * -1);
    max-width: none;
    width: calc(100% + var(--vdi-editor-gutter));
}

.wp-block-buttons .block-editor-block-list__layout {
    display: flex;
    gap: 1rem;
}
