/* v0.9.2: explicit visual grid order, independent from the DOM order. */
#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 { grid-row: 1 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place { grid-row: 2 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body h3 { grid-row: 3 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-description { grid-row: 4 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-filter-tags { grid-row: 5 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-bottom { grid-row: 6 !important; }

/* Clear interactive treatment for the location, with no extra JavaScript layer. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place .te-venue {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 4px 9px !important;
	border: 1px solid rgba(137, 88, 53, .34) !important;
	border-radius: 999px !important;
	background: rgba(255, 253, 247, .62) !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place .te-venue::after {
	flex: 0 0 auto !important;
	color: var(--p-brown, #895835) !important;
	content: "→" !important;
	font: 700 15px/1 Arial, sans-serif !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place .te-venue:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place .te-venue:focus-visible {
	border-color: var(--p-brown, #895835) !important;
	background: var(--p-cream, #f7ebcc) !important;
	outline: none !important;
}

/* Decorative shapes must never sit above actual controls. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero::after {
	pointer-events: none !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-hero-side,
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero-copy {
	z-index: 2 !important;
	pointer-events: auto !important;
}