/* Gutenberg-ähnlicher Editor Style */

.om-gutenberg-editor {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    min-height: 400px;
}

.om-gutenberg-editor .editor-styles-wrapper {
    padding: 0;
}

/* Block Editor Styling */
.wp-block {
    max-width: 100%;
    margin: 0 0 28px 0;
}

.wp-block[data-type="core/paragraph"] {
    line-height: 1.8;
}

.wp-block[data-type="core/heading"] h1,
.wp-block[data-type="core/heading"] h2,
.wp-block[data-type="core/heading"] h3 {
    margin-top: 28px;
    margin-bottom: 14px;
}

/* Editor Toolbar */
.block-editor-block-toolbar {
    margin-bottom: 10px;
}

/* Rich Text Toolbar für TinyMCE */
.mce-tinymce {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

.mce-toolbar-grp {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 5px !important;
}

.mce-btn {
    background: #fff !important;
    border: 1px solid #ddd !important;
    margin: 2px !important;
    border-radius: 3px !important;
}

.mce-btn:hover {
    background: #f0f0f0 !important;
    border-color: #999 !important;
}

.mce-edit-area {
    padding: 20px !important;
}

/* Format Dropdown */
.mce-listbox button {
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding: 6px 10px !important;
    border-radius: 3px !important;
}

/* Content Styling */
.mce-content-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.mce-content-body h1 {
    font-size: 2.5em;
    font-weight: 700;
    margin: 0.67em 0;
}

.mce-content-body h2 {
    font-size: 2em;
    font-weight: 700;
    margin: 0.75em 0;
}

.mce-content-body h3 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0.83em 0;
}

.mce-content-body h4 {
    font-size: 1.25em;
    font-weight: 600;
    margin: 1em 0;
}

.mce-content-body p {
    margin: 1em 0;
}

.mce-content-body ul,
.mce-content-body ol {
    margin: 1em 0;
    padding-left: 40px;
}

.mce-content-body blockquote {
    border-left: 4px solid #0073aa;
    padding-left: 20px;
    margin: 1.5em 0;
    font-style: italic;
    color: #666;
}

.mce-content-body a {
    color: #0073aa;
    text-decoration: underline;
}

.mce-content-body strong {
    font-weight: 700;
}

.mce-content-body em {
    font-style: italic;
}