/*
 * Podstawowy wygląd cennika. Kolory przez zmienne --fart-cennik-* (accent, text, muted, line, price)
 * ustawiane przez motyw na elemencie nadrzędnym — tu tylko wartości domyślne.
 */
.fart-cennik {
	color: var(--fart-cennik-text, inherit);
}

.fart-cennik__title {
	margin-block: 0 0.25em;
}

.fart-cennik__validity {
	margin-block: 0 1em;
	color: var(--fart-cennik-muted, color-mix(in srgb, currentColor 65%, transparent));
	font-size: 0.95em;
}

.fart-cennik__table-wrap {
	overflow-x: auto;
}

.fart-cennik__table {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.fart-cennik__table th,
.fart-cennik__table td {
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--fart-cennik-line, color-mix(in srgb, currentColor 18%, transparent));
	text-align: left;
}

.fart-cennik__table thead th {
	font-size: 0.9em;
	font-weight: 600;
	color: var(--fart-cennik-muted, color-mix(in srgb, currentColor 65%, transparent));
}

.fart-cennik__table tbody th,
.fart-cennik__table tbody td {
	vertical-align: top;
}

.fart-cennik__table tbody th {
	font-weight: 600;
	line-height: var(--fart-cennik-row, 2.25rem);
	/* Dni na środku grupy — widać, że dotyczą wszystkich przedziałów godzin obok. */
	vertical-align: middle;
}

/* Kilka przedziałów godzin w jednym wierszu (te same dni) — godziny i ceny jedna pod drugą,
   o stałej wysokości linii, żeby godzina i jej cena były na tej samej wysokości. */
.fart-cennik__line {
	display: block;
	line-height: var(--fart-cennik-row, 2.25rem);
}

.fart-cennik__price {
	font-weight: 700;
	font-size: 1.15em;
	color: var(--fart-cennik-price, inherit);
	text-align: right !important;
	white-space: nowrap;
}

.fart-cennik__table thead th:last-child {
	text-align: right;
}

.fart-cennik__note {
	margin-block: 1em 0;
	font-size: 0.95em;
	color: var(--fart-cennik-muted, color-mix(in srgb, currentColor 65%, transparent));
}

.fart-cennik__next {
	margin-top: 1.25em;
}

.fart-cennik__next summary {
	cursor: pointer;
	font-weight: 600;
}

.fart-cennik__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25em 0.6em;
	margin-block: 1.25em 0;
}

.fart-cennik__phone {
	font-size: 1.4em;
	font-weight: 700;
	color: var(--fart-cennik-accent, #8f2300);
	text-decoration: none;
	white-space: nowrap;
}

.fart-cennik__phone:hover,
.fart-cennik__phone:focus-visible {
	text-decoration: underline;
}

/* Na wąskich ekranach: dni nad godzinami, cena po prawej. */
@media (max-width: 480px) {
	.fart-cennik__table thead {
		display: none;
	}

	.fart-cennik__table tbody tr {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: "days days" "hours price";
		align-items: start;
		padding: 0.6em 0;
		border-bottom: 1px solid var(--fart-cennik-line, color-mix(in srgb, currentColor 18%, transparent));
	}

	.fart-cennik__table tbody th,
	.fart-cennik__table tbody td {
		padding: 0 0.25em;
		border: 0;
	}

	.fart-cennik__table tbody th { grid-area: days; line-height: 1.6; }
	.fart-cennik__table tbody td:nth-child(2) { grid-area: hours; color: var(--fart-cennik-muted, color-mix(in srgb, currentColor 65%, transparent)); }
	.fart-cennik__table tbody td.fart-cennik__price { grid-area: price; }
}