/**
 * イベント一覧（/events/）のセクション見出し。
 *
 * タブ（T5.3）に置き換えやすいよう、current の下線は見出し側に置く。
 */

.events-archive-section {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	/* 上方向のアンカー移動（#current・#sponsored）では固定ヘッダーが再表示されるため、その高さ分を空ける。 */
	scroll-margin-top: var(--site-header-height);
}

.events-archive-section__heading {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-inline: var(--wp--custom--molecule--rg);
	font-size: var(--wp--preset--font-size--heading-xxs);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--regular);
	letter-spacing: 0;
}

.events-archive-section--current .events-archive-section__heading {
	padding-block-end: var(--wp--custom--atom--xxl);
	border-bottom: var(--wp--custom--border-width--thin) solid var(--wp--preset--color--line-grey);
}

.events-archive-section--past {
	margin-block-start: 5rem;
}

.events-archive-section--past .events-archive-section__heading {
	margin-block-end: var(--wp--custom--atom--xxl);
}

.events-archive-section__empty {
	box-sizing: border-box;
	margin: 0;
	padding: var(--wp--custom--molecule--rg);
	font-size: var(--wp--preset--font-size--text-sm);
	line-height: var(--wp--custom--line-height--regular);
}

/* グループ展 large とそれ以外 medium を続けて1リストに見せる */
.events-archive-section--current .card-list + .card-list {
	margin-block-start: 0;
}

@media (max-width: 767px) {
	.events-archive-section__heading {
		padding-inline: var(--wp--custom--atom--xxl);
	}

	.events-archive-section--past {
		margin-block-start: 3rem;
	}

	.events-archive-section__empty {
		padding-inline: var(--wp--custom--atom--xxl);
	}
}