/* === OGÓLNE === */
.table-czerwony thead {
	background: var(--czerwony) !important;
	color: #fff;
  }
  
  .table-czerwony tbody {
	background-color: transparent;
  }
  
  .table-czerwony a {
	color: #000;
	text-decoration: underline;
  }
  
  th {
	background: var(--czerwony) !important;
	color: white !important;
  }
  
  .table>:not(caption)>*>* {
	background: transparent !important;
  }
  
  /* === MOBILE: tabela jako lista boxów === */
  @media (max-width: 768px) {
	.table-czerwony thead {
	  display: none;
	}
  
	.table-czerwony tbody,
	.table-czerwony tr,
	.table-czerwony td {
	  display: block;
	  width: 100%;
	}
  
	.table-czerwony tr {
	  margin-bottom: 2rem;
	  border: 1px solid #dee2e6;
	  border-radius: 0.5rem;
	  padding: 1rem;
	  background-color: #fff;
	}
  
	.table-czerwony td {
	  padding: 0.5rem 0;
	  border: none;
	  font-size: 0.95rem;
	  position: relative;
	}
  
	.table-czerwony td::before {
	  content: attr(data-label);
	  font-weight: 600;
	  color: var(--czerwony);
	  display: block;
	  margin-bottom: 0.25rem;
	  font-size: 0.85rem;
	  text-transform: uppercase;
	  letter-spacing: 0.5px;
	}
  
	.table-czerwony td a {
	  word-break: break-word;
	}
  }