/**
 * Buy-Tickets button enhancement layout (icon + two-line "Buy Tickets" / price).
 * Only touches the internal layout — the button's own colour/background/radius
 * (Elementor's gold gradient) is left untouched so it matches the page design.
 */
.elementor-button.orch-bb {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 11px;
	text-align: left;
	line-height: 1.15;
}
.orch-bb .orch-bb-ic {
	width: 22px;
	height: 22px;
	flex: none;
	display: block;
}
.orch-bb .orch-bb-tx {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.orch-bb .orch-bb-main {
	font-weight: 700;
}
.orch-bb .orch-bb-sub {
	font-size: 0.8em;
	font-weight: 600;
	opacity: 0.78;
	margin-top: 1px;
	white-space: nowrap;
}

/* Mobile: in the events listing grid/carousel the buttons are narrow, so the full
   "Buy Tickets / Starting from Rp…" overflows. Drop the ticket icon and shrink the
   price line there so the whole label fits. (The icon stays on the event-page
   sticky CTA, which is full-width.) */
@media (max-width: 767px) {
	.jet-listing-grid .elementor-button.orch-bb .orch-bb-ic { display: none; }
	.jet-listing-grid .elementor-button.orch-bb { gap: 0; }
	.jet-listing-grid .elementor-button.orch-bb .orch-bb-tx { align-items: center; text-align: center; width: 100%; }
	.jet-listing-grid .elementor-button.orch-bb .orch-bb-sub { font-size: 0.7em; }
}