/* イベント一覧（/news/category/event/）カード
   トンマナは TOP（assets/css/front-page.css）に合わせる */
.waca-ev {
	--waca-text: #414141;
	--waca-yellow: #FFD710;
	--waca-orange: #FF840A;
	--waca-gray: #F4F4F4;
}
.waca-ev__thumbWrap { position: relative; }
.waca-ev .p-postList__body { display: flex; flex-direction: column; gap: 8px; color: var(--waca-text); }
.waca-ev .p-postList__title { margin: 0; }

/* 開催日時：TOP のお知らせ日付と同じ書き方・数字は Inter */
.waca-ev__date {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--waca-text);
}
.waca-ev__date small { font-size: 12px; font-weight: 500; }
.waca-ev__time { margin-left: .6em; }

/* 開催形式：TOP のセミナータグ（白地・オレンジ文字・丸型・影） */
.waca-ev__place {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
}
.waca-ev__fmt {
	display: inline-flex;
	align-items: center;
	padding: 1px 10px;
	border-radius: 50px;
	background: #fff;
	color: var(--waca-orange);
	font-size: 11px;
	font-weight: 700;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2));
}

/* 対象・参加費用：グレーの丸型。正会員のみはブランドの黄色 */
.waca-ev__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.waca-ev__tag {
	padding: 2px 10px;
	border-radius: 50px;
	background: var(--waca-gray);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
}
.waca-ev__tag.-member { background: var(--waca-yellow); font-weight: 700; }

/* 終了：TOP の文字色を地に白抜き */
.waca-ev__ended {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	padding: 3px 14px;
	border-radius: 50px;
	background: var(--waca-text);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.waca-ev.is-ended .c-postThumb__img { filter: grayscale(100%); opacity: .55; }
.waca-ev.is-ended .waca-ev__date { color: #999; }

@media (max-width: 599px) {
	.waca-ev .p-postList__body { gap: 6px; }
	.waca-ev__date { font-size: 13px; }
	.waca-ev__time { display: block; margin-left: 0; }
	.waca-ev__place { font-size: 11px; }
	.waca-ev__fmt, .waca-ev__tag { font-size: 10px; padding: 1px 7px; }
	.waca-ev__ended { top: 6px; left: 6px; font-size: 11px; padding: 2px 10px; }
}