/**
 * Copperhill Events — cancelled events, on every page (event widgets can sit
 * anywhere). Colour from Events → Calendar Settings as --cev-cancelled.
 */

/* Badge next to a title in lists and widgets */
.cev-cancelled-badge {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.2em 0.6em;
	border-radius: 3px;
	background: var(--cev-cancelled, #B91C1C);
	color: #fff;
	font-size: 0.55em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

h3 .cev-cancelled-badge,
h4 .cev-cancelled-badge {
	font-size: 0.7em;
}

.cev-is-cancelled a {
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

.cev-cancelled-note {
	margin: 0.25em 0 0.5em;
	color: var(--cev-cancelled, #B91C1C);
	font-weight: 600;
	font-size: 0.95em;
}

span.cev-cancelled-note {
	display: block;
	font-size: 0.6em;
	margin: 0.3em 0 0;
}

/* Banner at the top of a cancelled event's page */
.cev-cancelled-banner {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 24px;
	padding: 16px 20px;
	border-left: 6px solid var(--cev-cancelled, #B91C1C);
	background: #fdf2f2;
	color: #1f2937;
}

.cev-cancelled-banner .cev-cancelled-badge {
	margin: 2px 0 0;
	font-size: 13px;
}

.cev-cancelled-banner p {
	margin: 0;
}

.cev-cancelled-banner .cev-cancelled-message {
	font-size: 18px;
	font-weight: 600;
}

.cev-cancelled-banner .cev-cancelled-when {
	font-weight: 400;
}

.cev-cancelled-banner .cev-cancelled-note {
	margin-top: 4px;
	font-size: 16px;
}

/* Main calendar (FullCalendar) */
.fc-event.cev-cancelled {
	opacity: 0.6;
}

/* Only the name is struck; the "CANCELLED / " prefix stays readable. The
   whole title is struck only if the prefix couldn't be split off. */
.fc-event.cev-cancelled .fc-event-title,
.fc-list-event.cev-cancelled .fc-list-event-title a {
	text-decoration: line-through;
	overflow-wrap: anywhere;
}

.fc-event.cev-cancelled .fc-event-title:has(.cev-cancelled-name),
.fc-list-event.cev-cancelled .fc-list-event-title a:has(.cev-cancelled-name) {
	text-decoration: none;
}

.fc-event.cev-cancelled .cev-cancelled-name,
.fc-list-event.cev-cancelled .cev-cancelled-name {
	text-decoration: line-through;
}

.fc-event.cev-cancelled .cev-cancelled-prefix {
	font-weight: 700;
}

/* Events Calendar widget (clndr): whole day cancelled, or some of it */
.ovaev_events_calendar .cev-day-cancelled .day-contents {
	text-decoration: line-through;
	opacity: 0.55;
}

.ovaev_events_calendar .cev-day-some-cancelled {
	position: relative;
}

.ovaev_events_calendar .cev-day-some-cancelled::after {
	content: "";
	position: absolute;
	top: 4px;
	right: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--cev-cancelled, #B91C1C);
}