/**
 * 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 */
/* stylelint-disable-next-line selector-class-pattern */
.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-event-map-wrapper {
	margin-top: 1rem;
}

.ventocalendar-event-location-details {
	margin-top: 1rem;
}

.ventocalendar-event-location-line {
	margin: 0.35rem 0;
}

.ventocalendar-event-map-title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
}

.ventocalendar-event-map-view {
	width: 100%;
	height: 320px;
	border: 1px solid #d0d4da;
	border-radius: 4px;
	overflow: hidden;
	background: #f3f4f6;
}

@media (max-width: 782px) {

	.ventocalendar-event-map-view {
		height: 260px;
	}
}