.hlpr-overview {
	--hlpr-primary: var(--e-global-color-primary, #243447);
	--hlpr-accent: var(--e-global-color-accent, #d89216);
	--hlpr-surface: var(--e-global-color-44306dc, #fff);
	--hlpr-muted: #667085;
	--hlpr-border: #e4e7ec;
	color: var(--e-global-color-text, #1d2939);
}

.hlpr-overview__title {
	margin-block: 0 0.5rem;
}

.hlpr-overview__intro,
.hlpr-overview__summary {
	margin-block: 0 1rem;
}

.hlpr-overview__summary {
	font-weight: 700;
}

.hlpr-overview__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	gap: 1rem;
}

.hlpr-overview__card {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	min-width: 0;
	padding: 1.15rem;
	background: var(--hlpr-surface);
	border: 1px solid var(--hlpr-border);
	border-radius: 0.75rem;
	box-shadow: 0 0.2rem 0.8rem rgb(16 24 40 / 7%);
}

.hlpr-overview__game {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.35;
}

.hlpr-overview__counts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.35rem 0.75rem;
	color: var(--hlpr-muted);
}

.hlpr-overview__counts strong {
	color: var(--hlpr-primary);
}

.hlpr-overview__progress {
	width: 100%;
	height: 0.65rem;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	background: var(--hlpr-border);
}

.hlpr-overview__progress::-webkit-progress-bar {
	background: var(--hlpr-border);
}

.hlpr-overview__progress::-webkit-progress-value {
	background: var(--hlpr-accent);
}

.hlpr-overview__progress::-moz-progress-bar {
	background: var(--hlpr-accent);
}

.hlpr-overview__orders {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hlpr-overview__orders li {
	padding: 0.25rem 0.55rem;
	color: var(--hlpr-primary);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	background: color-mix(in srgb, var(--hlpr-accent) 14%, white);
	border-radius: 999px;
}

.hlpr-overview__empty,
.hlpr-overview__unavailable {
	margin: 0;
	color: var(--hlpr-muted);
}

.hlpr-overview__editor-warning {
	margin: 0;
	padding: 0.7rem;
	color: #7a2e0e;
	background: #fffaeb;
	border: 1px solid #fedf89;
	border-radius: 0.4rem;
}

/* EventON game tables are enabled per event and never affect the Elementor widget. */
.hlpr-tables-enabled .evotx_guest_list {
	display: none;
}

.hlpr-event-tables {
	--hlpr-primary: var(--e-global-color-primary, #54595f);
	--hlpr-accent: var(--e-global-color-accent, #ed1c24);
	--hlpr-surface: #fff;
	--hlpr-muted: #667085;
	--hlpr-border: #dfe3e8;
	margin: 0 0 1rem;
	color: var(--e-global-color-text, #1d2939);
	font-family: var(--e-global-typography-text-font-family, Nunito, sans-serif);
}

.hlpr-event-tables__heading,
.hlpr-event-table__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

.hlpr-event-tables__heading {
	margin: 0 0 0.75rem;
}

.hlpr-event-tables__heading h4,
.hlpr-event-table__header h5 {
	margin: 0;
	color: var(--hlpr-primary);
}

.hlpr-event-tables__heading > span,
.hlpr-event-table__header > span {
	flex: 0 0 auto;
	color: var(--hlpr-muted);
	font-size: 0.9rem;
	font-weight: 700;
}

.hlpr-event-tables__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.85rem;
}

.hlpr-event-table {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 11.5rem;
	padding: 0.9rem;
	background: var(--hlpr-surface);
	border: 1px solid var(--hlpr-border);
	border-radius: 0.75rem;
	box-shadow: 0 0.2rem 0.8rem rgb(16 24 40 / 7%);
}

.hlpr-event-table__header {
	align-items: flex-start;
	margin-bottom: 0.75rem;
}

.hlpr-event-table__header h5 {
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
}

.hlpr-event-table .hlpr-event-table__seats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: minmax(3.25rem, auto);
	align-content: center;
	gap: 0.5rem;
	min-height: 8.75rem;
	margin: auto 0 0;
	padding: 0.7rem;
	box-sizing: border-box;
	list-style: none;
	background: color-mix(in srgb, var(--hlpr-primary) 6%, white);
	border: 2px solid color-mix(in srgb, var(--hlpr-primary) 65%, white);
	border-radius: 1rem;
}

.hlpr-event-table__seat {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 3.25rem;
	padding: 0.45rem 0.55rem;
	overflow-wrap: anywhere;
	font-size: 0.9rem;
	line-height: 1.3;
	text-align: center;
	background: #fff;
	border: 1px solid var(--hlpr-border);
	border-radius: 0.5rem;
}

.hlpr-event-table__seat.is-taken {
	font-weight: 800;
	border-color: color-mix(in srgb, var(--hlpr-accent) 42%, var(--hlpr-border));
	box-shadow: inset 0 0.2rem 0 var(--hlpr-accent);
}

.hlpr-event-table__seat.is-free {
	color: #2d7543;
	font-style: italic;
	background: #edf8f0;
	border-color: #72b786;
	border-style: dashed;
}


.hlpr-event-table__seat.is-unknown {
	grid-column: 1 / -1;
	color: var(--hlpr-muted);
	background: transparent;
	border-color: var(--hlpr-border);
}

@media (max-width: 900px) {
	.hlpr-event-tables__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.hlpr-event-tables__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hlpr-overview * {
		scroll-behavior: auto;
	}
}