/* WP-09: shared publication identity */
@import url('production_experience.css');

/* CONTENT-PRODUCTION-001 WP-05 — Events Experience (time made visible) */

.content-event-experience {
    --event-text: var(--pub-text, #1f2a2e);
    --event-muted: var(--pub-muted, #5f676a);
    --event-border: var(--pub-border, rgba(31, 42, 46, .12));
    --event-accent: var(--pub-accent, #d4b46a);
    --event-live: var(--pub-live, #2f6f4e);
    --event-upcoming: var(--pub-info, #3a5a78);
    --event-done: #6b6560;
    --event-alert: var(--pub-warn, #8a3b2c);
}

.content-event-temporal {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--event-border);
    border-radius: 0.35rem;
    background: rgba(212, 180, 106, .1);
}

.content-event-phase-chip {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    min-height: 1.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: var(--event-upcoming);
}

.content-event-temporal[data-event-phase="happening_now"] {
    background: rgba(47, 111, 78, .1);
    border-color: rgba(47, 111, 78, .22);
}

.content-event-temporal[data-event-phase="happening_now"] .content-event-phase-chip {
    background: var(--event-live);
}

.content-event-temporal[data-event-phase="upcoming"] .content-event-phase-chip {
    background: var(--event-upcoming);
}

.content-event-temporal[data-event-phase="recently_finished"],
.content-event-temporal[data-event-phase="concluded"] {
    background: rgba(107, 101, 96, .08);
}

.content-event-temporal[data-event-phase="recently_finished"] .content-event-phase-chip,
.content-event-temporal[data-event-phase="concluded"] .content-event-phase-chip {
    background: var(--event-done);
}

.content-event-temporal[data-event-phase="cancelled"],
.content-event-temporal[data-event-phase="postponed"] {
    background: rgba(138, 59, 44, .08);
    border-color: rgba(138, 59, 44, .2);
}

.content-event-temporal[data-event-phase="cancelled"] .content-event-phase-chip,
.content-event-temporal[data-event-phase="postponed"] .content-event-phase-chip {
    background: var(--event-alert);
}

.content-event-readiness {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--event-text);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.content-event-experience .content-event-details {
    margin: 0;
}

.content-event-experience .content-event-row {
    display: grid;
    grid-template-columns: minmax(5.5rem, 34%) minmax(0, 1fr);
    gap: 0.35rem 1rem;
    align-items: baseline;
    padding: 0.8rem 0;
    border-top: 1px solid var(--event-border);
}

.content-event-experience .content-event-row:first-of-type {
    padding-top: 0;
    border-top: 0;
}

.content-event-experience .content-event-row dt {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: var(--event-muted);
}

.content-event-experience .content-event-row dd {
    margin: 0;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--event-text);
    overflow-wrap: anywhere;
}

.content-event-experience .content-event-row.content-event-when dd {
    font-size: 0.98rem;
    letter-spacing: -0.01em;
}

@media (max-width: 575.98px) {
    .content-event-experience .content-event-row {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}

/* Browse / Latest card temporal chip */
.browse-card-event-phase {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
    background: var(--event-upcoming, #3a5a78);
}

.browse-card-event-phase[data-event-phase="happening_now"] {
    background: #2f6f4e;
}

.browse-card-event-phase[data-event-phase="upcoming"] {
    background: #3a5a78;
}

.browse-card-event-phase[data-event-phase="recently_finished"],
.browse-card-event-phase[data-event-phase="concluded"] {
    background: #6b6560;
}

.browse-card-event-phase[data-event-phase="cancelled"],
.browse-card-event-phase[data-event-phase="postponed"] {
    background: #8a3b2c;
}

.browse-card-kind-event {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

@media (prefers-reduced-motion: reduce) {
    .content-event-temporal,
    .browse-card-event-phase {
        transition: none;
    }
}