/* ============================================================
   Onesown Blazor Components – Richtexteditor
   Abhängigkeit: theme1.css
   ============================================================ */

.oo-rich-text-editor {
    outline: none !important;
    position: relative;
    flex-direction: column;
}

    .oo-rich-text-editor.invalid .jodit-container {
    border-left-color: var(--oo-danger)!important;
    }

    .oo-rich-text-editor.invalid:hover .oo-validation-tooltip {
        display: block;
    }

/* MaxHeight: Jodit begrenzt nur den Container – Toolbar und Statusleiste fest, Inhaltsbereich scrollt */
.jodit-container.oo-jodit-max-height:not(.jodit_fullsize) {
    display: flex;
    flex-direction: column;
}

    .jodit-container.oo-jodit-max-height:not(.jodit_fullsize) > .jodit-toolbar__box,
    .jodit-container.oo-jodit-max-height:not(.jodit_fullsize) > .jodit-status-bar {
        flex-shrink: 0;
    }

    .jodit-container.oo-jodit-max-height:not(.jodit_fullsize) > .jodit-jodit__workplace-slot_center_true {
        flex: 1 1 auto;
        min-height: 0;
    }

    .jodit-container.oo-jodit-max-height:not(.jodit_fullsize) .jodit-workplace {
        overflow-y: auto !important;
    }

/* Quelltextansicht (HTML): reset.css erzwingt mit html * die App-Schrift. Der Code-Editor berechnet
   die Cursorposition aber mit einer Festbreitenschrift, sonst landen Cursor und Eingaben an der falschen Stelle. */
.jodit-source,
.jodit-source * {
    font-family: var(--oo-font-family-mono) !important;
}

/* Upload an die UploadUrl läuft: Schreibfläche kurz gedämpft */
.jodit-container.oo-jodit-upload-laeuft .jodit-workplace {
    cursor: progress;
    opacity: 0.6;
    transition: opacity var(--oo-transition);
}