/* Minimal, theme-neutral styles for the CSC Nimbus shortcodes. Override in Elementor or your theme. */
.csc-dates .csc-date { margin: 0 0 0.9em; }
.csc-dates .csc-date:last-child { margin-bottom: 0; }

.csc-badge {
    display: inline-block;
    margin-left: 0.4em;
    padding: 0.1em 0.6em;
    border: 1px solid #c9c9c9;
    border-radius: 999px;
    background: #f2f2f2;
    color: #1a1a1a;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.5;
    vertical-align: middle;
}

.csc-button--soon {
    display: inline-block;
    opacity: 0.7;
    cursor: not-allowed;
}

.csc-note { color: #b32d2e; font-size: 0.85em; }
.csc-fallback { margin: 0; }

/* Event cards: the wrappers disappear so the cards become direct children of your Elementor
   container (put [csc_events] into a flex/grid container next to the static third card). */
.csc-live--events,
.csc-events { display: contents; }

.csc-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #fff;
    color: #1a1a1a;
}
.csc-card__image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.csc-card__body { display: flex; flex-direction: column; gap: 0.35em; padding: 1em 1.1em 1.2em; }
.csc-card__date { margin: 0; font-size: 0.9em; font-weight: 600; opacity: 0.8; }
.csc-card__title { margin: 0; }
.csc-card__time, .csc-card__state { margin: 0; }
.csc-card__link { align-self: flex-start; margin-top: 0.6em; }