.kes-upcoming-dates-list { list-style: none; margin: 0; padding: 0; }
.kes-upcoming-dates-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.kes-upcoming-dates-list li:last-child { border-bottom: none; }

/* On mobile, when multiple event types are selected, "date – name –
   location" no longer fits comfortably on one line. Stack each part on
   its own line instead of wrapping mid-sentence; the separators (" – ")
   are only meaningful inline, so hide them here. Desktop keeps the
   single-line "date – name – location" layout untouched. */
@media (max-width: 600px) {
	.kes-upcoming-dates-list li { flex-wrap: wrap; }
	.kes-date-text { display: flex; flex-direction: column; gap: 2px; }
	.kes-date-sep { display: none; }
}
.kes-share-actions { display: inline-flex; gap: 8px; }

/* Next Event Date block: on mobile, keep the icons stacked below the
   date/time text (natural block flow — nothing to override here). On
   desktop, put them on the same row, pushed to the right. */
.kes-next-event-date { margin-bottom: 0.5em; }
@media (min-width: 601px) {
	.kes-next-event-date-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 1em;
	}
	.kes-next-event-date-row .kes-next-event-date { margin-bottom: 0; }
}
.kes-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #f0f0f1;
	color: #50575e;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}
.kes-share-btn svg { display: block; }
.kes-share-btn:hover { background: #e0e0e1; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }
.kes-share-btn:active { transform: translateY(0); }

/* Brand-colored badges for the two platform-specific share buttons, so they're recognizable at a glance. */
.kes-share-whatsapp { background: #25d366; }
.kes-share-whatsapp:hover { background: #1fb958; }
.kes-share-facebook { background: #1877f2; }
.kes-share-facebook:hover { background: #1465d1; }

.kes-share-btn.kes-share-copied { background: #22a05f; color: #fff; }