/*
 * Responsywne tabele w treści (stacked table na mobile).
 * Kolory zaczerpnięte z motywu MRBlocks (src/index.css @theme):
 *   --color-primary:   #1F4774  (akcent/marka - przyciski, CTA)
 *   --color-lightGray:  #eeeff2  (obramowania/linie podziału)
 * Tekst podstawowy: #000 (body { color:#000 } w motywie).
 * Tło: #fff (domyślne tło strony).
 */

/* --- Desktop / ogólny wygląd tabeli w treści --- */
.text-container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5rem;
}

.text-container table thead {
	background-color: #1F4774;
}

.text-container table thead th,
.text-container table thead td {
	color: #fff;
	font-weight: 700;
	text-align: left;
}

.text-container table th,
.text-container table td {
	padding: 0.85rem 1rem;
	border: 1px solid #eeeff2;
	word-break: break-word;
	color: #000;
	text-align: left;
	vertical-align: top;
}

.text-container table tbody tr:nth-child(even) {
	background-color: #eeeff2;
}

/* --- Mobile: wzorzec "stacked table" (poniżej 767px) --- */
@media (max-width: 767px) {
	.text-container table thead {
		display: none !important;
	}

	.text-container table,
	.text-container table tbody,
	.text-container table tr,
	.text-container table td {
		display: block;
		width: 100%;
	}

	.text-container table tr {
		border: 1px solid #eeeff2;
		border-radius: 8px;
		margin-bottom: 1rem;
		overflow: hidden;
		background-color: #fff;
	}

	.text-container table tbody tr:nth-child(even) {
		background-color: #fff;
	}

	.text-container table td {
		position: relative;
		padding: 0.75rem 1rem;
		border: none;
		border-bottom: 1px solid #eeeff2;
	}

	.text-container table td:last-child {
		border-bottom: none;
	}

	.text-container table td::before {
		content: attr(data-label);
		display: block;
		margin: -0.75rem -1rem 0.6rem -1rem;
		padding: 0.5rem 1rem;
		background-color: #1F4774;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-size: 0.72rem;
		font-weight: 700;
	}

	.text-container table tr td:first-child::before {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}

	.text-container table td:not([data-label])::before {
		content: none;
		margin: 0;
	}
}