/* Lightweight card depth + motion; pairs with .cjc-surface on event / jam cards */
.cjc-surface {
  box-shadow: 0 8px 28px -14px rgba(15, 23, 42, 0.18);
}

@media (prefers-reduced-motion: no-preference) {
  .cjc-surface {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
  }

  .cjc-surface:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px -20px rgba(15, 23, 42, 0.28);
  }

  /* Accent pills (When / Time / Where / Who) — subtle lift with the card */
  .cjc-surface:hover span.inline-flex.items-center.rounded-full {
    transform: translateY(-1px);
    transition: transform 0.25s ease;
  }
}