/* Structural layout, plus typography/color defaults matching Michael's /membership/ page mockup
   ("Members Only Hours" bordered date pills). Colors, spacing, and radius remain controlled via
   Elementor's Style tab (see EventSessionsWidget::register_*_style_controls()) and win the
   cascade there when set - duplicated here for the same reason as every other widget's CSS in
   this plugin: a widget instance placed by JSON, never opened and saved once through the visual
   editor, would otherwise render with no styling at all. */

.licm-event-sessions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.licm-event-sessions__item {
	display: inline-block;
	background-color: #FFFFFF;
	color: #21232C;
	border: 2px solid #21232C;
	border-radius: 8px;
	padding: 12px 20px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.licm-event-sessions__item:hover {
	background-color: #21232C;
	color: #FFFFFF;
}

.licm-event-sessions__empty {
	opacity: 0.7;
}