/* ==========================================================================
   c-card-event — Figma: Card/Event（イベントカード） (24678:104209)
   白地・枠線 border/default・影 Box-Dropshadow・内側 16px。サムネイル 312×176（16:9 相当）
   ========================================================================== */

.c-card-event {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  height: 100%;
  padding: var(--space-16);
  border: 1px solid var(--color-border-default);
  background-color: var(--color-bg-base);
  box-shadow: var(--shadow-box);
  color: var(--color-text-base);
  transition: box-shadow 0.2s ease;
}

.c-card-event:hover {
  box-shadow: var(--shadow-select); /* ホバー: Dropshadow-select（カード共通） */
}

.c-card-event__thumb {
  overflow: hidden;
  background-color: var(--color-bg-base);
}

.c-card-event__image {
  width: 100%;
  aspect-ratio: 312 / 176; /* Figma 固有寸法 */
  object-fit: contain; /* Figma: 1200×628 の告知画像を枠内に全体表示 */
}

.c-card-event__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.c-card-event__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Figma: タイトルは 3 行まで表示 */
}

/* ホバー: タイトルは text/brand（下線なし） */
.c-card-event:hover .c-card-event__title,
.c-card-event:focus-visible .c-card-event__title {
  color: var(--color-text-brand);
}

.c-card-event__meta {
  color: var(--color-text-muted);
}