/**
 * Single event pages, and the compact embed.
 *
 * These classes were originally styled inside calendar.css, which is never
 * enqueued on a single event page. The meta block and the compact list both came
 * out unstyled as a result. They live here instead, in a stylesheet the single
 * template and the compact layout actually load.
 *
 * The chip and pill rules are repeated from calendar.css rather than shared.
 * The two files are almost never loaded together, and one small duplication
 * beats making every page that wants a chip pull the whole calendar stylesheet.
 */

/* ── The meta block above the content ────────────────────────────────────── */

.wowe-single-meta {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: flex-start;
	margin: 0 0 1.75rem;
	padding: 1.1rem 1.35rem;
	border-left: 4px solid var(--wowe-red, #ff0158);
	background: #faf9fb;
	border-radius: 0 10px 10px 0;
	font-family: "Nunito", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #2a1540;
}

.wowe-single-meta__when {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .15rem .75rem;
	align-items: baseline;
}

.wowe-single-meta__when strong {
	font-size: 1.125rem;
	font-weight: 800;
}

.wowe-single-meta__when span {
	font-weight: 700;
	color: #6c6579;
}

.wowe-single-meta__where {
	margin: 0;
	color: #6c6579;
	font-weight: 600;
}

.wowe-single-meta__chips {
	margin: 0;
	display: flex;
	gap: .35rem;
	flex-wrap: wrap;
}

.wowe-chip-static {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	border: 1px solid #e6e3ec;
	background: #fff;
	border-radius: 999px;
	padding: .25rem .7rem;
	font-size: .8125rem;
	font-weight: 700;
	color: #2a1540;
}

.wowe-chip__dot {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background: var(--wowe-chip, #3b1f59);
	flex: 0 0 auto;
}

/* ── Other dates ─────────────────────────────────────────────────────────── */

.wowe-single__more {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e6e3ec;
}

.wowe-single__more-title {
	font-size: 1.125rem;
	font-weight: 800;
	margin: 0 0 .9rem;
}

/* ── Compact list ────────────────────────────────────────────────────────── */

.wowe-compact {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .25rem;
	font-family: "Nunito", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wowe-compact__item a {
	display: flex;
	align-items: baseline;
	gap: .85rem;
	padding: .55rem .75rem;
	border-left: 3px solid var(--wowe-bg, #3b1f59);
	text-decoration: none;
	color: #2a1540;
	border-radius: 0 6px 6px 0;
	transition: background .12s ease;
}

.wowe-compact__item a:hover {
	background: color-mix(in srgb, var(--wowe-bg) 10%, transparent);
	color: #2a1540;
}

.wowe-compact__date {
	flex: 0 0 6rem;
	font-size: .8125rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #6c6579;
}

.wowe-compact__title {
	flex: 1 1 auto;
	font-weight: 700;
}

.wowe-compact__time {
	flex: 0 0 auto;
	font-size: .8125rem;
	color: #6c6579;
}

@media (max-width: 560px) {
	.wowe-compact__item a {
		flex-wrap: wrap;
		gap: .1rem .6rem;
	}

	.wowe-compact__date {
		flex: 0 0 100%;
	}
}