/**
 * Styles for the WordPress post/page editor.
 * Ensures a visual match between back- and front-end.
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
	# Custom properties
	# Typography
	# Elements
	# Links
# Adjustments for the editor

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/

@import "../_custom-properties.css";
@import "../_bx-tokens.css";
@import "../_typography.css";
@import "../_elements.css";
@import "../_links.css";
@import "../_media.css";
@import "../_blocks.css";
@import "../_grid.css";

/*--------------------------------------------------------------
# Adjustments for the editor
--------------------------------------------------------------*/
button,
select,
option {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.editor-post-title__input {
    font-size: 2.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}

.gallery .gallery-item,
.wp-block-freeform .gallery .gallery-item {
    width: auto;
}

/* Main column width */
/* .wp-block {
    max-width: calc(45rem + 30px);
} */

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
    max-width: calc(50% + 45rem / 2 + 76px);
}

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
    max-width: none;
}

.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4 {
    color: inherit;
}

.wp-block-cover .wp-block-cover-text {
    font-size: 2em;
    line-height: 1.25;
}

.wp-block-archives,
.wp-block-categories__list,
.wp-block-latest-posts,
.wp-block-latest-comments {
    margin-left: auto;
    margin-right: auto;
}

.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout>.wp-block {
    margin-bottom: 28px;
}

.wp-block-image.is-style-buddyx-border img {
    border: 2px solid var(--color-theme-primary);
    /* Adjust the border properties as needed */
    border-radius: 5px;
    /* Optional: Add border-radius for rounded corners */
}

.editor-styles-wrapper {
    background-color: #fff;
    color: #505050;
    font-family: Inter, -apple-system, blinkmacsystemfont, "segoe ui", roboto, oxygen-sans, ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1.8;
    word-wrap: break-word;
}

.editor-styles-wrapper>* {
    color: #505050;
    font-family: Inter, -apple-system, blinkmacsystemfont, "segoe ui", roboto, oxygen-sans, ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
    color: #111;
    line-height: 1.3;
    margin: 0 0 20px;
}

.editor-styles-wrapper h1.editor-post-title__input {
    margin-bottom: 20px;
}

.wp-block-list.is-style-nounderline {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-list.is-style-nounderline li {
	list-style: none
}

.wp-block-list.is-style-nounderline a {
	text-decoration: none
}

/* Buttons */
.wp-element-button,
.wp-block-button__link {
    font-family: inherit;
    font-size: inherit;
    color: var(--button-text-color);
    background-color: var(--button-background-color);
    border-radius: var(--button-border-radius);
    padding: 10px 20px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    border: 1px solid var(--button-border-color);
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
    color: var(--button-text-hover-color);
    background-color: var(--button-background-hover-color);
    border: 1px solid var(--button-border-hover-color);
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
    background-color: transparent;
    background-image: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: currentcolor;
}

/*--------------------------------------------------------------
# Editor block overrides
# .entry-content selectors from _blocks.css don't apply in the
# editor, so we mirror key ones using .editor-styles-wrapper.
--------------------------------------------------------------*/

.editor-styles-wrapper .wp-block-heading {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}

.editor-styles-wrapper .wp-block-code {
    font-family: "Courier New", Courier, monospace;
    font-size: 0.9rem;
    line-height: 1.7;
    padding: 1.5em 2em;
    background-color: var(--color-code-bg);
    color: var(--color-code-text);
    border: none;
    border-radius: var(--global-border-radius);
}

.editor-styles-wrapper .wp-block-code code {
    font-size: inherit;
    background: none;
    padding: 0;
}

.editor-styles-wrapper .wp-block-group.has-background {
    padding: 1.5em 2em;
    border-radius: var(--global-border-radius);
}

.editor-styles-wrapper figcaption {
    margin-top: 0.5em;
    font-size: 0.875rem;
    color: var(--color-theme-grey);
    text-align: center;
    font-style: italic;
}