/**
 * Pineapple Core — Experience brand colours.
 *
 * Live frontend colours are printed per card as <style> scoped to
 * .e-loop-item-{id} (see Event_Colour::print_loop_item_colour_css).
 * These rules are a backup when that inline CSS is present via the data attr.
 */
.e-loop-item[data-pineapple-event-colour] .event-card,
.e-loop-item[data-pineapple-event-colour].event-card,
.e-loop-item[data-pineapple-event-colour] > .e-con.event-card,
.e-loop-item[data-pineapple-event-colour] .e-con.event-card,
.e-loop-item[data-pineapple-event-colour] .elementor-element.event-card {
	background-color: var(--pineapple-event-colour) !important;
	background-image: none !important;
}

.event-card[data-pineapple-event-colour] {
	background-color: var(--pineapple-event-colour) !important;
	background-image: none !important;
}