/* ============================================================================
   File: prosemirror.css
   Description: Styles for the campaign rich-text editor host.
   ============================================================================ */

.rpgpm-host {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: var(--bs-body-bg, #fff);
}

.rpgpm-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.rpgpm-editor {
    line-height: 1.5;
}

.rpgpm-editor:focus {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: -2px;
}

.rpgpm-editor h1, .rpgpm-editor h2, .rpgpm-editor h3, .rpgpm-editor h4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.rpgpm-editor blockquote {
    border-left: 3px solid var(--bs-secondary, #6c757d);
    padding-left: 1rem;
    color: var(--bs-secondary-color, #6c757d);
}

.rpgpm-editor a {
    color: var(--bs-primary, #0d6efd);
}

.rpgpm-editor img {
    max-width: 100%;
    height: auto;
}