/* === Artikel-Details ===
   Nur was die Library nicht abdeckt.
   Shared (subtle, simple-card, shadow-card, status-*) → general.css
*/

/* ── Sticky Kopfzeile ── */
.artikel-details-header {
    position: sticky;
    z-index: 100;
    background: white;
    border-left: 0.25rem solid var(--oo-primary);
    padding: var(--oo-space-3);
    top: calc(var(--oo-wdb-header-height));
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.artikel-details-header-left{
     min-width:15rem!important;
}

/* ── Diff-Vergleich Select ── */
.details-diff-select-wrapper {
    width: 10rem;
}

/* ── Rechte Sidebar ── */
.artikel-details-sidebar {
    flex: 0 0 var(--artikel-sidebar-breite);
    min-width: 0;
}

/* Links in der rechten Sidebar abschneiden statt umbrechen (nur reine Links, keine Buttons) */
.artikel-details-sidebar .oo-smart-link:not(.oo-btn) {
    display: flex;
    max-width: 100%;
    min-width: 0;
}

.artikel-details-sidebar .oo-smart-link:not(.oo-btn) .oo-icon {
    flex-shrink: 0;
}

.artikel-details-sidebar .oo-smart-link:not(.oo-btn) span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.artikel-details-ai-marker {
    color:var(--oo-warning);
    margin-left: 0.25rem;
}

/* ── Mobile Overlay ── */

@media (max-width: 900px) {
    .artikel-details-sidebar {
        display: none;
    }
}

/* ── Inhaltsverzeichnis-Layout (Widget-CSS kommt aus der Components Library) ── */
.inhalt-mit-toc-layout {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    position: relative;
}

@media (max-width: 992px) {
    .inhalt-mit-toc-layout {
        flex-direction: column;
    }
}

/* ── Inhalt ── */

.artikel-richtext {
    background: white;
}

    .artikel-richtext .inhalt-bereich {
        padding: 1rem;
        width: 100%;
        min-width: 0;
    }

/* Listen, Bilder, Blockquote → artikel-richtext.css (gilt auch für .jodit-wysiwyg) */



/* ── Bilder ── */
.artikel-detail-bild-wrapper {
    cursor: pointer;
    width: 100%;
}

.artikel-detail-bild {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--oo-radius-sm);
}

img.oo-bild-embed {
    cursor: pointer;
}

/* ── Freigabe ── */
.freigabe-wrapper {
    padding: 1rem;
}

.freigabe-wrapper .artikel-titel {
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.freigabe-wrapper .text-deaktiviert {
    color: var(--oo-color-text-disabled, #9ca3af);
}