/* Block: Programm-Timeline */

.myk-pt-title {
    margin: 0 0 0.5rem;
    text-align: center;
    font-size: var(--myk-fs-h2);
    font-weight: 800;
    letter-spacing: -0.015em;
}
.myk-pt-intro {
    margin: 0 0 clamp(1.5rem, 3vw, 3rem);
    text-align: center;
    font-size: var(--myk-fs-body);
    color: var(--myk-c-text-muted);
}

/* ─── Spalten-Layout (mehrere parallele Stages) ─── */
.myk-pt--columns .myk-pt-grid {
    display: grid;
    gap: clamp(1rem, 2.5vw, 2.5rem);
    grid-template-columns: repeat(var(--myk-pt-stages, 3), minmax(0, 1fr));
}
@media (max-width: 1024px) {
    .myk-pt--columns .myk-pt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .myk-pt--columns .myk-pt-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── Stacked-Layout (1 Stage groß) ─── */
.myk-pt--stacked .myk-pt-grid {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 3rem);
}

/* ─── Stage-Karte ─── */
.myk-pt-stage {
    background: rgba(0,0,0, 0.025);
    border-radius: var(--myk-r-medium);
    overflow: hidden;
}

.myk-pt-stage-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: clamp(0.85rem, 1.5vw, 1.25rem);
    background: var(--myk-c-dark);
    color: var(--myk-c-light);
}
.myk-pt-stage-icon { color: var(--myk-c-accent); display: inline-flex; }
.myk-pt-stage-name {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    /* explicit weiss — h3-Default-Color vom WP-Theme uebersteuern */
    color: var(--myk-c-light);
}

/* ─── Act-Liste ─── */
.myk-pt-acts {
    list-style: none;
    margin: 0;
    padding: 0;
}
.myk-pt-act {
    /* Editorial-Layout: Time-Eyebrow oben, Name + Genre/Info darunter */
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.9rem clamp(0.85rem, 1.5vw, 1.25rem);
    border-bottom: 1px solid var(--myk-c-line);
}
.myk-pt-act:last-child { border-bottom: 0; }

/* Zeit als kontrastreicher Pill statt nur Gold-Text */
/* Time als duenner Gold-Eyebrow oben — hierarchisch der Sub-Info, nicht Block */
.myk-pt-act-time {
    display: block;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--myk-c-accent);
    font-size: 0.72rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.myk-pt-act-body {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.myk-pt-act-name {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.005em;
}
.myk-pt-act-info {
    font-size: var(--myk-fs-meta);
    color: var(--myk-c-text-muted);
    line-height: 1.3;
}

/* Stacked Layout: 2-spaltige Act-Liste auf größeren Screens */
.myk-pt--stacked .myk-pt-acts {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.myk-pt--stacked .myk-pt-act:nth-last-child(2) { border-bottom: 0; }
@media (max-width: 720px) {
    .myk-pt--stacked .myk-pt-acts { grid-template-columns: 1fr; }
    .myk-pt--stacked .myk-pt-act:nth-last-child(2) { border-bottom: 1px solid var(--myk-c-line); }
    .myk-pt--stacked .myk-pt-act:last-child { border-bottom: 0; }
}