/* TablePress – pionowe tabele na telefonach */
@media screen and (max-width: 767px) {
	table.tablepress,
	table.tablepress tbody,
	table.tablepress tr {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Nagłówki zostają dostępne dla Google i czytników,
	       ale nie zajmują miejsca na ekranie */
	table.tablepress thead {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0,0,0,0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Każdy wiersz jako osobna karta */
	table.tablepress tbody tr {
		margin: 0 0 18px !important;
		border: 1px solid #dfe4e8 !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		background: #ffffff !important;
		box-shadow: 0 3px 12px rgba(0,0,0,0.06) !important;
	}

	/* Nazwa kolumny po lewej, wartość po prawej */
	table.tablepress tbody td {
		display: grid !important;
		grid-template-columns: minmax(105px,36%) minmax(0,1fr) !important;
		gap: 12px !important;
		align-items: start !important;
		width: 100% !important;
		padding: 11px 12px !important;
		border: 0 !important;
		border-bottom: 1px solid #eceff1 !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
		text-align: left !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	table.tablepress tbody td:last-child {
		border-bottom: 0 !important;
	}

	/* Nazwa kolumny pobierana przez poniższy skrypt */
	table.tablepress tbody td::before {
		content: attr(data-label);
		display: block !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		color: #273b4a !important;
	}

	table.tablepress tbody td p:first-child {
		margin-top: 0 !important;
	}

	table.tablepress tbody td p:last-child {
		margin-bottom: 0 !important;
	}
}