/**
 * Custom editor styles for block styles
 */

/* Wide style for Columns block */
.wp-block-columns.is-style-wide {
    max-width: calc(100vw - 72px);
    width: 1200px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin: 72px 0;
}

/* Button styles for editor */
.editor-styles-wrapper .wp-element-button,
.editor-styles-wrapper .wp-block-button__link {
    background-color: var(--wp--preset--color--primary) !important;
    color: white !important;
    border-radius: 8px;
    text-decoration: none !important;
}

.editor-styles-wrapper .wp-block-button__link {
    padding: 16px 24px;
}

/* Theme button variants */
.editor-styles-wrapper .button {
    border-radius: 8px;
    display: inline-flex;
    font-size: 18px;
    line-height: 1;
    padding: 16px 24px;
    text-decoration: none !important;
}

.editor-styles-wrapper .button.--dark {
    background-color: var(--wp--preset--color--accent-1) !important;
    border: 2px solid var(--wp--preset--color--accent-1);
    color: white !important;
}

.editor-styles-wrapper .button.--light {
    background-color: white !important;
    border: 2px solid white;
    color: var(--wp--preset--color--primary) !important;
}

.editor-styles-wrapper .button.--blue {
    background-color: var(--wp--preset--color--button) !important;
    border: 2px solid var(--wp--preset--color--button);
    color: white !important;
}

.editor-styles-wrapper .button.--transparent {
    background-color: transparent !important;
    color: var(--wp--preset--color--accent-1) !important;
}