/* ==========================================================================
   Widget Plugin – Events / Termine
   ========================================================================== */

.svgw-events {
	display:   flex;
	flex-wrap: wrap;
	gap:       10px;
}

.svgw-event-item {
	flex: 1 1 200px; /* grow to fill, shrink, min 200px before wrapping */
}

/* --------------------------------------------------------------------------
   Single event card
   -------------------------------------------------------------------------- */
.svgw-event-item {
	display:     flex;
	align-items: center;
	gap:         1.25rem;
	padding:     14px 18px;
	border-radius: 6px;

	/* No background by default → inherits site bg / container bg */
}

/* --------------------------------------------------------------------------
   Date column
   -------------------------------------------------------------------------- */
.svgw-event-date {
	display:        flex;
	flex-direction: column;
	align-items:    center;
	flex-shrink:    0;
	min-width:      3rem;
	text-align:     center;
	line-height:    1.1;
	/* colour inherits from site */
}

.svgw-event-date__weekday {
	font-size:      0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity:        0.65;
	margin-bottom:  0.15em;
}

.svgw-event-date__day {
	font-size:   2rem;
	font-weight: 700;
	line-height: 1;
}

.svgw-event-date__month {
	font-size:      0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-top:     0.1em;
}

.svgw-event-date__year {
	font-size:  0.65rem;
	opacity:    0.55;
	margin-top: 0.15em;
}

/* --------------------------------------------------------------------------
   Separator line between date and info
   -------------------------------------------------------------------------- */
.svgw-event-divider {
	width:      1px;
	height:     3rem;
	background: currentColor;
	opacity:    0.15;
	flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Info column
   -------------------------------------------------------------------------- */
.svgw-event-info {
	flex:      1;
	min-width: 0;
}

.svgw-event-title {
	margin:      0;
	font-size:   1rem;
	font-weight: 600;
	line-height: 1.3;
	/* colour inherits */
}

.svgw-event-location {
	display:     flex;
	align-items: center;
	gap:         0.3em;
	margin:      0.3em 0 0;
	font-size:   0.85rem;
	line-height: 1.3;
	opacity:     0.75;
	/* colour inherits */
}

.svgw-event-location svg {
	flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Multi-day range: day field contains "19./20." or "19. Mai" — scale slightly
   -------------------------------------------------------------------------- */
.svgw-event-date--range .svgw-event-date__day {
	font-size:      1.35rem;
	letter-spacing: -0.01em;
}

.svgw-event-date--range .svgw-event-date__month {
	font-size:      0.78rem;
}

/* --------------------------------------------------------------------------
   Empty state
   -------------------------------------------------------------------------- */
.svgw-no-events {
	margin:     0;
	padding:    0.5rem 0;
	font-style: italic;
	opacity:    0.65;
}