:root {
    --series-bordeaux:#74233d;
    --series-border:#c59b70;
    --series-muted:#6f665f;
    --series-ivory:#faf8f5;
}

.ninagrafie-cz-series { font-family:inherit; color:#1f1b18; }
.ninagrafie-cz-series * { box-sizing:border-box; }

.ninagrafie-cz-series__head {
    display:flex; justify-content:space-between; gap:1.5rem; align-items:flex-start; margin:0 0 1.15rem;
}
.ninagrafie-cz-series__eyebrow {
    display:block; margin-bottom:.2rem; color:#9a747b; font-size:.68rem; font-weight:700; letter-spacing:.14em;
}
.ninagrafie-cz-series__head h1 { margin:0; font-size:2rem; line-height:1.1; }
.ninagrafie-cz-series__head p { margin:.35rem 0 0; color:#554b45; }
.ninagrafie-cz-series__stats { display:flex; gap:.45rem; flex-wrap:wrap; }
.ninagrafie-cz-series__stats span {
    padding:.5rem .75rem; border-radius:999px; background:#f7f3ed; font-size:.72rem;
}

.ninagrafie-cz-series__notice {
    margin:0 0 .8rem; padding:.7rem .85rem; border-radius:8px; font-size:.8rem;
}
.ninagrafie-cz-series__notice.is-success { background:#edf4e9; color:#45613c; }
.ninagrafie-cz-series__notice.is-error { background:#f7e8ed; color:#8c2d4b; }

.ninagrafie-cz-series__editor {
    margin:0 0 1rem; border:1px solid var(--series-border); border-radius:12px; background:#fff; overflow:hidden;
}
.ninagrafie-cz-series__editor > summary {
    cursor:pointer; display:flex; justify-content:space-between; align-items:center; min-height:58px; padding:.75rem 1rem;
    list-style:none; color:var(--series-bordeaux);
}
.ninagrafie-cz-series__editor > summary::-webkit-details-marker { display:none; }
.ninagrafie-cz-series__editor > summary span { display:flex; flex-direction:column; gap:.1rem; }
.ninagrafie-cz-series__editor > summary small { color:#6f665f; font-size:.68rem; font-weight:400; }
.ninagrafie-cz-series__editor > summary b { font-size:1.1rem; transition:.2s ease; }
.ninagrafie-cz-series__editor[open] > summary b { transform:rotate(45deg); }
.ninagrafie-cz-series__editor-body { padding:1rem; border-top:1px solid rgba(116,35,61,.12); }

.ninagrafie-cz-series-form {
    display:grid; grid-template-columns:minmax(0,2fr) minmax(180px,.6fr); gap:.8rem;
}
.ninagrafie-cz-series-form label,
.ninagrafie-cz-series-item-form label { display:block; }
.ninagrafie-cz-series-form label > span,
.ninagrafie-cz-series-item-form label > span {
    display:block; margin-bottom:.3rem; font-size:.72rem;
}
.ninagrafie-cz-series-form input,
.ninagrafie-cz-series-form select,
.ninagrafie-cz-series-form textarea,
.ninagrafie-cz-series-item-form input,
.ninagrafie-cz-series-item-form select,
.ninagrafie-cz-series-item-form textarea {
    width:100%; margin:0; padding:.58rem .65rem; border:1px solid #cbb59e; border-radius:6px; background:#fff; font:inherit;
}
.ninagrafie-cz-series-form .is-description { grid-column:1 / -1; }
.ninagrafie-cz-series-form .is-cover { grid-column:1 / -1; max-width:420px; }
.ninagrafie-cz-series-form small,
.ninagrafie-cz-series-item-form small { display:block; margin-top:.2rem; color:#7a7069; font-size:.64rem; }
.ninagrafie-cz-series-form__actions {
    grid-column:1 / -1; display:flex; justify-content:flex-end; align-items:center; gap:.65rem;
}
.ninagrafie-cz-series-form__actions button,
.ninagrafie-cz-series-item-form__actions button {
    border:1px solid var(--series-bordeaux); border-radius:7px; background:var(--series-bordeaux); color:#fff;
    padding:.62rem .9rem; font-weight:700; cursor:pointer;
}
.ninagrafie-cz-series-form__actions a { color:var(--series-bordeaux); text-decoration:none; }

.ninagrafie-cz-series__item-editor {
    margin:0 0 1rem; padding:1rem; border:1px solid rgba(116,35,61,.18); border-radius:10px; background:var(--series-ivory);
}
.ninagrafie-cz-series__item-editor > header {
    display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:.75rem;
}
.ninagrafie-cz-series__item-editor > header span { color:#9a747b; font-size:.62rem; font-weight:700; letter-spacing:.12em; }
.ninagrafie-cz-series__item-editor > header h2 { margin:.15rem 0 0; font-size:1rem; }
.ninagrafie-cz-series__item-editor > header a { color:var(--series-bordeaux); font-size:.72rem; text-decoration:none; }

.ninagrafie-cz-series-item-form {
    display:grid; grid-template-columns:90px 180px minmax(220px,1fr); gap:.65rem; align-items:end;
}
.ninagrafie-cz-series-item-form .is-linked,
.ninagrafie-cz-series-item-form .is-note { grid-column:1 / -1; }
.ninagrafie-cz-series-item-form .is-linked[hidden] { display:none !important; }
.ninagrafie-cz-series-item-form__actions { grid-column:1 / -1; display:flex; justify-content:flex-end; }

.ninagrafie-cz-series__list { display:grid; gap:1rem; }
.ninagrafie-cz-series__empty {
    padding:1rem; border:1px dashed #cbb59e; border-radius:10px; background:#fff;
}
.ninagrafie-cz-series__empty p { margin:.3rem 0 0; color:#6f665f; }

.ninagrafie-cz-series-card {
    border:1px solid var(--series-border); border-radius:12px; background:#fff; overflow:hidden;
}
.ninagrafie-cz-series-card.is-editing { box-shadow:0 0 0 2px rgba(116,35,61,.08); }
.ninagrafie-cz-series-card__top {
    display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1rem; padding:1rem;
}
.ninagrafie-cz-series-card__cover {
    width:112px; aspect-ratio:4/3; border-radius:8px; overflow:hidden; background:#f2eee9;
}
.ninagrafie-cz-series-card__cover img { width:100%; height:100%; object-fit:cover; }
.ninagrafie-cz-series-card__badges { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:.45rem; }
.ninagrafie-cz-series-card__badges span {
    padding:.28rem .5rem; border-radius:999px; background:#f6f1eb; font-size:.62rem;
}
.ninagrafie-cz-series-card__badges .is-status { color:var(--series-bordeaux); font-weight:700; }
.ninagrafie-cz-series-card__main h2 { margin:0; font-size:1.1rem; }
.ninagrafie-cz-series-card__main > p { margin:.4rem 0; color:#514943; font-size:.8rem; line-height:1.5; }
.ninagrafie-cz-series-card__progress { margin-top:.65rem; max-width:360px; }
.ninagrafie-cz-series-card__progress span { font-size:.65rem; color:#6f665f; }
.ninagrafie-cz-series-card__progress div {
    height:5px; margin-top:.28rem; border-radius:99px; background:#eee9e3; overflow:hidden;
}
.ninagrafie-cz-series-card__progress i { display:block; height:100%; background:var(--series-bordeaux); }
.ninagrafie-cz-series-card__actions { display:flex; align-items:flex-start; gap:.55rem; font-size:.68rem; }
.ninagrafie-cz-series-card__actions a,
.ninagrafie-cz-series-card__actions button {
    border:0; padding:0; background:none; color:var(--series-bordeaux); font:inherit; text-decoration:none; cursor:pointer;
}

.ninagrafie-cz-series-card__items { border-top:1px solid rgba(116,35,61,.12); }
.ninagrafie-cz-series-card__no-items { margin:0; padding:.8rem 1rem; color:#7a7069; font-size:.72rem; }
.ninagrafie-cz-series-item {
    display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:.8rem; align-items:start; padding:.72rem 1rem;
    border-bottom:1px solid rgba(116,35,61,.08);
}
.ninagrafie-cz-series-item:last-child { border-bottom:0; }
.ninagrafie-cz-series-item__position {
    display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%;
    background:#f6f1eb; color:var(--series-bordeaux); font-size:.66rem; font-weight:700;
}
.ninagrafie-cz-series-item__content strong { display:block; font-size:.82rem; }
.ninagrafie-cz-series-item__content small { display:block; margin-top:.15rem; color:#7a7069; font-size:.62rem; }
.ninagrafie-cz-series-item__content p { margin:.25rem 0 0; color:#514943; font-size:.7rem; }
.ninagrafie-cz-series-item__actions { display:flex; gap:.55rem; align-items:center; font-size:.66rem; }
.ninagrafie-cz-series-item__actions a,
.ninagrafie-cz-series-item__actions button {
    border:0; padding:0; background:none; color:var(--series-bordeaux); font:inherit; text-decoration:none; cursor:pointer;
}

@media (max-width:760px) {
    .ninagrafie-cz-series__head { flex-direction:column; }
    .ninagrafie-cz-series-form { grid-template-columns:1fr; }
    .ninagrafie-cz-series-form .is-description,
    .ninagrafie-cz-series-form .is-cover,
    .ninagrafie-cz-series-form__actions { grid-column:1; }
    .ninagrafie-cz-series-item-form { grid-template-columns:1fr; }
    .ninagrafie-cz-series-item-form .is-linked,
    .ninagrafie-cz-series-item-form .is-note,
    .ninagrafie-cz-series-item-form__actions { grid-column:1; }
    .ninagrafie-cz-series-card__top { grid-template-columns:1fr; }
    .ninagrafie-cz-series-card__cover { width:100%; max-width:220px; }
    .ninagrafie-cz-series-item { grid-template-columns:34px minmax(0,1fr); }
    .ninagrafie-cz-series-item__actions { grid-column:2; }
}


/* =========================================================
 * V1.3.0-dev.16 · Media Picker & Serien-Workflow
 * ========================================================= */

.ninagrafie-cz-series-cover-picker {
    grid-column:1 / -1;
    max-width:520px;
}
.ninagrafie-cz-series-cover-picker > span {
    display:block;
    margin-bottom:.3rem;
    font-size:.72rem;
}
.ninagrafie-cz-series-cover-picker__preview {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:150px;
    padding:.75rem;
    border:1px dashed #cbb59e;
    border-radius:8px;
    background:#faf8f5;
    color:#7a7069;
    font-size:.72rem;
    overflow:hidden;
}
.ninagrafie-cz-series-cover-picker__preview.has-image {
    justify-content:flex-start;
    border-style:solid;
    background:#fff;
}
.ninagrafie-cz-series-cover-picker__preview img {
    display:block;
    width:100%;
    max-width:300px;
    max-height:190px;
    object-fit:cover;
    border-radius:7px;
}
.ninagrafie-cz-series-cover-picker__actions {
    display:flex;
    gap:.5rem;
    align-items:center;
    margin-top:.5rem;
}
.ninagrafie-cz-series-cover-picker__actions button {
    min-height:36px;
    padding:0 .8rem;
    border:1px solid var(--series-bordeaux);
    border-radius:7px;
    background:var(--series-bordeaux);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
.ninagrafie-cz-series-cover-picker__actions button.is-secondary {
    background:#fff;
    color:var(--series-bordeaux);
}
.ninagrafie-cz-series-cover-picker__actions button[hidden] {
    display:none !important;
}

.ninagrafie-cz-series-item__draft {
    position:relative;
}
.ninagrafie-cz-series-item__draft > summary {
    cursor:pointer;
    color:var(--series-bordeaux);
    list-style:none;
    white-space:nowrap;
}
.ninagrafie-cz-series-item__draft > summary::-webkit-details-marker {
    display:none;
}
.ninagrafie-cz-series-item__draft form {
    position:absolute;
    z-index:15;
    top:calc(100% + .35rem);
    right:0;
    display:flex;
    gap:.4rem;
    min-width:360px;
    padding:.55rem;
    border:1px solid #cbb59e;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.ninagrafie-cz-series-item__draft select {
    min-width:180px;
    padding:.42rem .5rem;
    border:1px solid #cbb59e;
    border-radius:6px;
    background:#fff;
}
.ninagrafie-cz-series-item__draft button {
    min-height:34px;
    padding:0 .65rem !important;
    border:1px solid var(--series-bordeaux) !important;
    border-radius:6px !important;
    background:var(--series-bordeaux) !important;
    color:#fff !important;
    font-weight:700 !important;
}

.ninagrafie-cz-series__notice a {
    margin-left:.35rem;
    color:inherit;
    font-weight:700;
}

@media (max-width:760px) {
    .ninagrafie-cz-series-cover-picker {
        grid-column:1;
        max-width:none;
    }
    .ninagrafie-cz-series-item__draft form {
        position:static;
        min-width:0;
        margin-top:.4rem;
        flex-direction:column;
    }
}


/* dev.6.2: Serien-Cover nutzt denselben Frontend-Medienwähler wie Events.
 * Die Modal-Klassen bleiben absichtlich identisch, damit Look & Feel konsistent sind.
 */
.ninagrafie-cz-series [data-series-media-modal] .ninagrafie-event-media-modal__dialog {
    width:min(1080px,96vw);
}

/* =========================================================
 * V1.3.0-dev.16 · Frontend-Ausgaben & Copy UX
 * ========================================================= */
.ninagrafie-cz-series__outputs {
    margin:0 0 1rem;
    padding:1rem;
    border:1px solid rgba(116,35,61,.14);
    border-radius:12px;
    background:#fffdf9;
}
.ninagrafie-cz-series__outputs-head span {
    color:#9a747b;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.12em;
}
.ninagrafie-cz-series__outputs-head h2 {
    margin:.15rem 0 .2rem;
    font-size:1rem;
}
.ninagrafie-cz-series__outputs-head p,
.ninagrafie-cz-series__outputs-note {
    margin:.2rem 0 0;
    color:#6f665f;
    font-size:.7rem;
    line-height:1.45;
}
.ninagrafie-cz-series__output-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.55rem;
    margin-top:.8rem;
}
.ninagrafie-cz-series-output,
.ninagrafie-cz-series-card__id {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.3rem .55rem;
    align-items:center;
    padding:.55rem .65rem;
    border:1px solid #e4d9ce;
    border-radius:8px;
    background:#fff;
}
.ninagrafie-cz-series-output > span,
.ninagrafie-cz-series-card__id > span {
    grid-column:1 / -1;
    color:#6f665f;
    font-size:.62rem;
    font-weight:700;
}
.ninagrafie-cz-series-output code,
.ninagrafie-cz-series-card__id code {
    min-width:0;
    overflow-wrap:anywhere;
    color:#4f4540;
    font-size:.65rem;
    line-height:1.4;
}
.ninagrafie-cz-series-output button,
.ninagrafie-cz-series-card__id button {
    border:1px solid rgba(116,35,61,.28);
    border-radius:6px;
    background:#fff;
    color:var(--series-bordeaux);
    padding:.35rem .5rem;
    font-size:.62rem;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
}
.ninagrafie-cz-series-output button.is-copied,
.ninagrafie-cz-series-card__id button.is-copied {
    background:var(--series-bordeaux);
    color:#fff;
}
.ninagrafie-cz-series-card__outputs {
    border-top:1px solid rgba(116,35,61,.12);
    background:#fcfaf7;
}
.ninagrafie-cz-series-card__outputs > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.8rem;
    padding:.65rem 1rem;
    color:var(--series-bordeaux);
    cursor:pointer;
    list-style:none;
    font-size:.7rem;
    font-weight:700;
}
.ninagrafie-cz-series-card__outputs > summary::-webkit-details-marker { display:none; }
.ninagrafie-cz-series-card__outputs > summary small {
    color:#7a7069;
    font-size:.6rem;
    font-weight:400;
}
.ninagrafie-cz-series-card__outputs-body {
    padding:0 1rem .8rem;
}
.ninagrafie-cz-series-card__outputs-body > p {
    margin:.55rem 0 0;
    color:#7a7069;
    font-size:.64rem;
}
.ninagrafie-cz-series-card__id {
    margin-bottom:.55rem;
}
.ninagrafie-cz-series__output-grid.is-series-specific {
    margin-top:0;
}

@media (max-width:760px) {
    .ninagrafie-cz-series__output-grid { grid-template-columns:1fr; }
    .ninagrafie-cz-series-card__outputs > summary { align-items:flex-start; flex-direction:column; gap:.15rem; }
}


/* V1.3 dev.14: formatierbare Serienbeschreibung */
.ninagrafie-cz-series-form__description {
    display:block;
}
.ninagrafie-cz-series-form__description > span {
    display:block;
    margin-bottom:.35rem;
    font-weight:700;
}
.ninagrafie-cz-series-form__description > small {
    display:block;
    margin-bottom:.65rem;
    color:#766e68;
    line-height:1.45;
}
.ninagrafie-cz-series-form__description .wp-editor-wrap {
    border-radius:10px;
    overflow:hidden;
}
.ninagrafie-cz-series-card__description {
    margin:.45rem 0 0;
    color:#625b56;
    line-height:1.55;
}
.ninagrafie-cz-series-card__description > :first-child {
    margin-top:0;
}
.ninagrafie-cz-series-card__description > :last-child {
    margin-bottom:0;
}


/* V1.3 dev.14.1: Quicktags im Serieneditor wieder als Toolbar statt Vollbreiten-Buttons */
.ninagrafie-cz-series-form__description .quicktags-toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    align-items:center;
    padding:6px;
}
.ninagrafie-cz-series-form__description .quicktags-toolbar input[type="button"],
.ninagrafie-cz-series-form__description .quicktags-toolbar .ed_button {
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:4px 8px !important;
    border-radius:4px;
    line-height:1.2;
}

/* dev.27.5: Shared card action alignment, including Enfold form/button resets. */
.ninagrafie-cz-series-card__actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }
.ninagrafie-cz-series-card__actions form { display:inline-flex; align-items:center; margin:0; padding:0; line-height:inherit; }
.ninagrafie-cz-series-card__actions a, .ninagrafie-cz-series-card__actions button { display:inline-flex; align-items:center; min-height:28px; padding:0; margin:0; line-height:1.35; font-size:inherit; font-weight:inherit; vertical-align:middle; }
.ninagrafie-cz-series-card__actions button { border:0; background:transparent; cursor:pointer; }
.ninagrafie-cz-series-card__actions :is(a,button):focus-visible { outline:2px solid currentColor; outline-offset:3px; border-radius:2px; }

/* dev.27.5.1: Align both actions on one baseline, overriding Enfold's form/button layout. */
.ninagrafie-cz-series-card__actions { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap; gap:12px; line-height:1.4; }
.ninagrafie-cz-series-card__actions > a, .ninagrafie-cz-series-card__actions > form { display:inline-flex !important; align-items:center !important; align-self:center !important; float:none !important; position:static !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; line-height:1.4 !important; }
.ninagrafie-cz-series-card__actions > a, .ninagrafie-cz-series-card__actions > form > button { box-sizing:border-box; display:inline-flex !important; align-items:center !important; justify-content:center !important; height:32px !important; min-height:32px !important; width:auto !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; color:var(--series-bordeaux, #70263f); font-size:12px !important; font-weight:400 !important; line-height:1.4 !important; text-decoration:none; vertical-align:middle !important; cursor:pointer; }

/* dev.27.5.2: Enfold resets form/button vertical offsets. Keep both actions
   in the same grid row; display:contents removes form box margins. */
.ninagrafie-cz-series-card__actions { display:grid !important; grid-template-columns:max-content max-content; align-items:center !important; justify-content:start !important; column-gap:14px !important; row-gap:0 !important; }
.ninagrafie-cz-series-card__actions > form { display:contents !important; }
.ninagrafie-cz-series-card__actions > a,
.ninagrafie-cz-series-card__actions > form > button { position:static !important; float:none !important; transform:none !important; inset:auto !important; align-self:center !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; min-height:32px !important; height:32px !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; line-height:1 !important; font-size:12px !important; font-weight:400 !important; vertical-align:middle !important; }