/* ===== RichTextView =====
   HTML aus dem RichTextEditor, gestaltet wie im Editor (Jodit): keine zusätzlichen Absatzabstände (reset.css),
   Tabellen mit Rahmen, Bilder in Spaltenbreite. Syntaxfarben, Kopierknöpfe und Diagramme setzt rich-text-view.js.
   Todo-Listen kommen aus jodit-plugin-todo.css; hier nur, ob sie anklickbar sind.
   ======================== */

.oo-richtext-view {
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.oo-richtext-view.oo-size-xs { font-size: var(--oo-font-size-xs); }
.oo-richtext-view.oo-size-sm { font-size: var(--oo-font-size-sm); }
.oo-richtext-view.oo-size-md { font-size: var(--oo-font-size-md); }
.oo-richtext-view.oo-size-lg { font-size: var(--oo-font-size-lg); }
.oo-richtext-view.oo-size-xl { font-size: var(--oo-font-size-xl); }

/* ── Tabellen: wie im Editor, seitlich scrollbar statt die Umgebung zu verbreitern ── */

.oo-richtext-view .oo-richtext table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1em 0;
}

.oo-richtext-view .oo-richtext :is(td, th) {
    overflow-wrap: normal;
    min-width: 2em;
    padding: 0.4em;
    vertical-align: middle;
    border: var(--oo-border-width) solid var(--oo-color-border);
}

.oo-richtext-view .oo-richtext th {
    font-weight: 600;
}

/* ── Bilder und Videos ── */

.oo-richtext-view .oo-richtext :is(img, video) {
    max-width: 100%;
    height: auto;
}

.oo-richtext-view--lightbox .oo-richtext img:not(a img) {
    cursor: zoom-in;
}

/* ── Links: im Fließtext erkennbar ── */

.oo-richtext-view .oo-richtext a[href] {
    color: var(--oo-primary);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

/* ── Zitate (Jodit: blockquote) und Trennlinien ── */

.oo-richtext-view .oo-richtext blockquote {
    margin: var(--oo-space-2) 0;
    padding-left: var(--oo-space-4);
    border-left: 3px solid var(--oo-color-border-strong);
    color: var(--oo-color-text-subtle);
}

.oo-richtext-view .oo-richtext hr {
    margin: var(--oo-space-4) 0;
    border: none;
    border-top: var(--oo-border-width) solid var(--oo-color-border);
}

/* ── Code ── */

.oo-richtext-view .oo-richtext pre {
    line-height: 1.5;
}

.oo-richtext-view .oo-richtext pre code {
    display: block;
    overflow-x: auto;
}

.oo-richtext-view .oo-richtext .oo-code-block-wrapper pre {
    margin: 0;
}

.oo-richtext-view .oo-richtext pre.mermaid {
    display: flex;
    justify-content: center;
    background: transparent;
    border: none;
}

/* ── Todo-Listen: nur mit OnTodoToggled anklickbar, und dann nur die Checkbox ── */

.oo-richtext-view ul.todo-list > li,
.oo-richtext-view ul.todo-list > li::before {
    cursor: default;
}

.oo-richtext-view ul.todo-list > li:hover {
    background: transparent;
}

.oo-richtext-view--todos ul.todo-list > li::before {
    cursor: pointer;
}

.oo-richtext-view--todos ul.todo-list > li:hover::before {
    border-color: var(--oo-primary);
}