/* v0.9: compact card order — date/time, venue, title, description, tags, action. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body {
	grid-template-rows: 24px 30px 66px 68px 34px 42px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-event-meta {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-time-top,
#ajax-content-wrap .container.main-content .te-classic-shell .te-event-meta .te-date {
	flex: 0 0 auto !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-time-top::after {
	margin-left: 8px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	height: 30px !important;
	overflow: hidden !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place .te-venue {
	display: inline-flex !important;
	align-items: center !important;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-venue .te-compass {
	flex: 0 0 auto !important;
	color: var(--p-brown, #895835) !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-venue .te-venue-label {
	display: block !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* A landscape poster is fully visible and centred inside the fixed card frame. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-poster.te-poster-contain {
	background: var(--p-sea, #296070) !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-poster.te-poster-contain .te-poster-image {
	object-fit: contain !important;
	object-position: center center !important;
}

@media (max-width: 560px) {
	#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body {
		grid-template-rows: 24px 30px 66px 70px 34px 42px !important;
	}
}