.dl-container{margin:20px auto;width:100%;max-width:100%}
.dl-rows-frontend{display:grid;grid-template-columns:1fr;gap:16px}
.dl-row-box{border:1px solid #e6e6e6; padding:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.dl-row-box.dl-row--available{border-left:6px solid #2ecc71}
.dl-row-box.dl-row--sold{border-left:6px solid #e74c3c;background:linear-gradient(0deg, rgba(231,76,60,0.06), rgba(231,76,60,0.06))}
.dl-row-box.dl-row--reserved{border-left:6px solid #f39c12;background:linear-gradient(0deg, rgba(243,156,18,0.06), rgba(243,156,18,0.06))}

.dl-row-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.dl-row-grid>div{padding:6px 8px;border-bottom:1px solid #f3f4f6}
.dl-row-grid strong{display:block;font-weight:600;margin-bottom:3px;color:#111827}
.dl-status{font-weight:700}
.dl-status.dl-green{color:#2ecc71}
.dl-status.dl-red{color:#e74c3c}
.dl-status.dl-orange{color:#f39c12}
.dl-description{margin-top:12px;font-size:15px;line-height:1.5}

/* ---- DL Filters: subtle, airy, accessible ---- */
.dl-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #ececec;
}

.dl-filter { display: flex; flex-direction: column; gap: 6px; }

.dl-filters label {
  font-weight: 600;
  font-size: 13px;
  color: #374151; /* neutral-700 */
}

.dl-filters input[type="text"],
.dl-filters select {
  appearance: none;
  background: #fff;
  border: 1px solid #e5e7eb;      /* neutral border */
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.dl-filters input[type="text"]::placeholder { color: #9ca3af; } /* neutral-400 */

.dl-filters input[type="text"]:hover,
.dl-filters select:hover {
  border-color: #d1d5db;
  background: #fcfcfc;
}

.dl-filters input[type="text"]:focus,
.dl-filters select:focus {
  outline: none;
  border-color: #9ca3af;           /* subtle focus */
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.20);
}

/* Checkbox: "Pokaż tylko dostępne" */
.dl-filter-checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  user-select: none;
}

.dl-filter-checkbox input[type="checkbox"] {
  width: 16px; height: 16px;
  accent-color: #10b981; /* gentle green */
  background: #10b981;
  border-radius: 8px;
}

.dl-filter-checkbox label:hover { border-color: #d1d5db; background: #fcfcfc; }
.dl-filter-checkbox input[type="checkbox"]:focus-visible + span,
.dl-filter-checkbox label:has(input:focus-visible) {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, .20);
}

.dl-filter-checkbox:has(input[type="checkbox"]:checked) label {
  background: #f1fdf7;         /* delikatna zieleń */
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
  color: #065f46;
}

/* Selects row: keep same input look */
.dl-filter-select select { cursor: pointer; }

/* Compact at smaller widths */
@media (max-width: 1100px) {
  .dl-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .dl-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; }
}
@media (max-width: 500px) {
  .dl-filters { grid-template-columns: 1fr; gap: 8px; padding: 8px; }
}



.dl-filters + .dl-rows-frontend { margin-top: 14px; }

.dl-filter-checkbox {
  align-self: end;
}


@media (prefers-color-scheme: dark) {
  .dl-filters {
    background: #0f1115;
    border-color: #1f232b;
  }
  .dl-filters label { color: #e5e7eb; }
  .dl-filters input[type="text"],
  .dl-filters select {
    background: #0b0d12;
    border-color: #20242c;
    color: #e5e7eb;
  }
  .dl-filters input[type="text"]::placeholder { color: #9aa0aa; }
  .dl-filter-checkbox label {
    background: #0b0d12;
    border-color: #20242c;
    color: #e5e7eb;
  }
}

.dl-row-box.dl-row--available {
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
}

.dl-row-box.dl-row--available:hover {
  background-color: #dcfce7;   
  border-color: #16a34a;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}

.dl-karta a {
  display: block;
}

.dl-investment-box {
  margin-top:16px;
  padding:16px 24px;
  border:1px solid #e0e0e0;
  background:#f7f7f7;
  color:#333;
  margin-top: 38px;
}

.dl-investment-box div {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width:1100px){.dl-row-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.dl-filters{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:700px){.dl-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dl-filters{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:500px){.dl-row-grid{grid-template-columns:1fr}.dl-filters{grid-template-columns:1fr}}