.ceny-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 20px;
}

.ceny-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1100px;
  table-layout: auto;
}

.ceny-table th,
.ceny-table td {
  text-align: center;
  padding: .6rem .7rem;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
  white-space: nowrap;   
}

.ceny-table thead th {
  background: var(--black);
  color: #fff;
  font-weight: 600;
}

.ceny-table td.num { text-align: right; }

.ceny-table .col-uwagi {
  text-align: left;
  white-space: normal;
  max-width: 38ch;
}

td.col-cena .kwota { font-weight: 600; line-height: 1.15; white-space: nowrap; }
td.col-cena .by-m2 { font-size: .88em; opacity: .8; margin-top: .15rem; white-space: nowrap; }

.badge { padding: .2rem .5rem; display: inline-block; }
.badge-wolne { background: #ecfdf5; }
.badge-rezerwacja { background: #fff7ed; }

.btn {
	color: #fff;
	background-color: var(--black);
	display: inline-block;
	padding: .35rem .6rem;
	border: 1px solid #cbd5e1;
	border-radius: .4rem;
	text-decoration: none;
	font-size: .85rem;
}

.btn:hover {
	background-color: var(--red)
}
td.col-szczegoly a {color:#fff}
.btn + .btn { margin-left: .4rem; }
.btn-disabled { opacity: .5; pointer-events: none; }

tr.status-sprzedane {
	background-color: var(--red);
	opacity: .75; 
	color: white;
}