/**
 * CSS for public functionality of the plugin.
 */

.ventocalendar-date-info {
	background: #f8f9fa;
	border-left: 8px solid #2271b1;
	border-right: 0 none;
	border-top: 0 none;
	border-bottom: 0 none;
	padding: 1rem 1.25rem;
	margin: 0 0 2rem 0;
	font-size: 1rem;
	line-height: 1.6;
}

.ventocalendar-date-container {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.ventocalendar-date-value {
	font-weight: 500;
	color: #1f2937;
}

.ventocalendar-date-separator {
	color: #1f2937;
	font-weight: 300;
}

/* Elementor compatibility */
.elementor-widget-theme-post-content .ventocalendar-date-info {
	font-family: inherit;
}

/* Divi compatibility */
.et_pb_post .ventocalendar-date-info {
	font-family: inherit;
}

/* Better integration with common WordPress themes */
article .ventocalendar-date-info:first-child,
.entry-content .ventocalendar-date-info:first-child,
.post-content .ventocalendar-date-info:first-child {
	margin-top: 0;
}

/* VentoCalendar 1.3.5 event detail additions */
.ventocalendar-date-info .ventocalendar-date-container {
	display: block;
}

.ventocalendar-date-info .ventocalendar-occurrences-list {
	margin: 0;
	padding-left: 1.1rem;
}

.ventocalendar-date-info .ventocalendar-event-meta-list {
	margin-top: 0.75rem;
	color: #4b5563;
}

.ventocalendar-date-info .ventocalendar-event-meta-list div + div {
	margin-top: 0.35rem;
}

.ventocalendar-date-info .ventocalendar-category-swatch {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	margin-right: 0.4em;
	vertical-align: -0.05em;
}