@layer components {
  /* ============================================
     Event Show — detail page overrides
     ============================================
     Extends the base event-card component
     (events_preview.css) for the static show view.

     Structure:
       .event-card__item--static
       .event-card__item--ended
     ============================================ */

  /* ── Date column (larger for show page) ── */
  .card--static .event-card__group {
    display: flex;
    gap: 1ch;
    margin-block-end: 1ch;
  }

  .card--static .event-card__date {
    width: 7ch;
    padding-top: 0.75rem;
  }

  .card--static .event-card__weekday {
    font-size: var(--text-sm);
  }

  .card--static .event-card__day-number {
    font-size: var(--text-5xl);
  }

  .card--static .event-card__month {
    font-size: var(--text-sm);
  }

  /* ── Static item (non-clickable, show page) ── */
  .event-card__item--static:hover {
    background-color: transparent;
  }

  .event-card__item--static:hover .event-card__location {
    background-color: var(--color-border-highlight);
  }

  /* ── Ended state (calendar overlay: past events) ── */
  .event-card__item--ended .event-card__bar {
    background-color: var(--color-disabled);
  }

  .event-card__item--ended .event-card__name {
    color: var(--color-text-muted);
  }

  .event-card__item--ended .event-card__meta {
    color: var(--color-text-semimuted);
  }

  /* ── Event documents ── */
  .event-documents {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
  }

  .event-documents h3 {
    font-size: var(--text-md);
    margin-bottom: 0.5rem;
  }

  .event-documents ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }

  .event-documents a {
    display: inline-flex;
    align-items: center;
    gap: 0.5ch;
    color: var(--color-primary);
    text-decoration: none;
    font-size: var(--text-sm);
  }

  .event-documents a:hover {
    text-decoration: underline;
  }
}