/**
 * Price table display and admin grid. Scoped to these components.
 * Public: keep month/day labels and euro amounts on one line (FLT-05).
 * Admin editor may scroll so inputs stay usable.
 */
.kion-price-table {
	margin: 2.5rem 0;
	max-width: 100%;
	min-width: 0;
}

.kion-price-table .kion-container {
	max-width: 100%;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

.kion-price-table h2 {
	margin: 0 0 0.75rem;
	color: var(--kion-navy, #01274b);
	font-family: var(--kion-font-display, Georgia, "Times New Roman", serif);
	font-weight: 600;
	font-size: 1.5rem;
}

.kion-price-table__note {
	margin: 0 0 1rem;
	color: var(--kion-muted, #5c6b7a);
	line-height: 1.5;
	max-width: 42rem;
}

.kion-price-table__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	border-radius: 12px;
	border: 1px solid rgba(1, 39, 75, 0.12);
	background: #fff;
}

.kion-price-grid-editor {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	border-radius: 12px;
	border: 1px solid rgba(1, 39, 75, 0.12);
	background: #fff;
}

.kion-price-table table {
	/* Grow past the viewport → parent scroll, never crush cells */
	width: max-content;
	min-width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

.kion-price-grid-editor table {
	width: max-content;
	min-width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

.kion-price-table th,
.kion-price-table td,
.kion-price-grid-editor th,
.kion-price-grid-editor td {
	padding: 0.5rem 0.65rem;
	border: 1px solid rgba(1, 39, 75, 0.12);
	text-align: right;
	white-space: nowrap;
	font-size: 0.8125rem;
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
	word-break: keep-all;
	overflow-wrap: normal;
	hyphens: none;
}

.kion-price-table th[scope="row"],
.kion-price-table th:first-child,
.kion-price-grid-editor th:first-child,
.kion-price-grid-editor td:first-child {
	text-align: left;
	font-weight: 600;
}

.kion-price-table thead th {
	background: var(--kion-navy, #01274b);
	color: #fff;
	font-weight: 600;
}

.kion-price-table tbody th {
	background: rgba(1, 39, 75, 0.04);
}

.kion-price-table tbody tr:nth-child(even) td {
	background: rgba(1, 39, 75, 0.02);
}

.kion-price-grid-editor input[type="number"] {
	width: 5.5rem;
	max-width: 100%;
}

.kion-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 900px) {
	.kion-price-table {
		margin: 0.5rem 0 1.25rem;
	}

	/*
	 * Public mobile: full table visible — no horizontal scroll.
	 * Shrink type/padding so month + day bands stay on one line each.
	 * Admin .kion-price-grid-editor keeps overflow-x: auto above.
	 */
	.kion-price-table__scroll {
		overflow-x: hidden;
		-webkit-overflow-scrolling: auto;
		overscroll-behavior-x: none;
		max-width: 100%;
	}

	.kion-price-table table {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		table-layout: fixed;
	}

	.kion-price-table th,
	.kion-price-table td {
		padding: 0.28rem 0.08rem;
		font-size: clamp(0.48rem, 2vw, 0.65rem);
		line-height: 1.15;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: clip;
		word-break: keep-all;
		overflow-wrap: normal;
		hyphens: none;
	}

	/* Wider Month column so “September” fits; day columns share the rest */
	.kion-price-table th[scope="row"],
	.kion-price-table th:first-child,
	.kion-price-table td:first-child {
		text-align: left;
		width: 18%;
		min-width: 0;
		padding-inline: 0.35rem 0.2rem;
		font-size: clamp(0.52rem, 2.2vw, 0.7rem);
	}

	.kion-price-table thead th {
		font-size: clamp(0.42rem, 1.7vw, 0.58rem);
		line-height: 1.1;
		letter-spacing: -0.02em;
		padding: 0.35rem 0.06rem;
	}

	.kion-price-table thead th:first-child {
		width: 18%;
		text-align: left;
		padding-inline: 0.35rem 0.2rem;
		font-size: clamp(0.48rem, 1.9vw, 0.62rem);
	}

	/* Admin editor: still scrollable so inputs stay usable */
	.kion-price-grid-editor th,
	.kion-price-grid-editor td {
		padding: 0.45rem 0.55rem;
		font-size: 0.75rem;
		white-space: nowrap;
	}
}