/* ============================================================
   Kresy.info — Filtrowanie tablicy poszukiwań
   Spójne z motywem: bordowe akcenty, jasne tło, ta sama typografia.
   Używa zmiennych CSS z .kp-root (--kp-burgundy, --kp-gold, --kp-ink...).
   ============================================================ */

.kp-listings-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:14px 16px;
  margin:0 0 14px;
  background:var(--kp-paper-3, #fff);
  border:1px solid var(--kp-line, #e6ddc9);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.kp-listings-toolbar__field{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 180px;
}
/* Pole wyszukiwania dostaje większą wagę — zajmuje więcej miejsca gdy jest wolne miejsce */
.kp-listings-toolbar__field:first-of-type{ flex:2 1 220px; }
.kp-listings-toolbar__field .kp-ico,
.kp-listings-toolbar__field svg.kp-ico{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:16px; height:16px; color:var(--kp-burgundy, #8a2632); pointer-events:none;
}
.kp-listings-toolbar input[type="search"],
.kp-listings-toolbar select{
  width:100%;
  font: inherit;
  font-size:14px;
  color:var(--kp-ink, #2a221a);
  background:#fff;
  border:1px solid var(--kp-line, #e6ddc9);
  border-radius:10px;
  padding:10px 14px 10px 36px;
  transition: border-color .18s, box-shadow .18s, background-color .18s;
  min-width:0;
}
.kp-listings-toolbar select{
  padding-left:14px;
  appearance:none;
  -webkit-appearance:none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238a2632'><path d='M5.5 7.5L10 12l4.5-4.5z'/></svg>");
  background-repeat:no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
  padding-right:34px;
  cursor:pointer;
}
.kp-listings-toolbar input[type="search"]::placeholder{ color:var(--kp-ink-soft, #6b5f4f); }
.kp-listings-toolbar input[type="search"]:focus,
.kp-listings-toolbar select:focus{
  outline:none;
  border-color:var(--kp-burgundy, #8a2632);
  box-shadow:0 0 0 3px rgba(138, 38, 50, .14);
  background:#fff;
}

.kp-listings-toolbar__reset{
  font: inherit;
  font-size:12px;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-weight:700;
  color:var(--kp-burgundy, #8a2632);
  background:var(--kp-burgundy-soft, #f4e4e6);
  border:1px solid transparent;
  border-radius:10px;
  padding:11px 24px;
  min-height:42px;
  cursor:pointer;
  white-space:nowrap;
  flex:0 0 auto;
  margin-left:auto;
  transition: background-color .18s, color .18s, border-color .18s, transform .18s;
}
.kp-listings-toolbar__reset:hover{
  background:var(--kp-burgundy, #8a2632);
  color:#fff;
  transform:translateY(-1px);
}
.kp-listings-toolbar__reset:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138, 38, 50, .25);
}

/* Meta pod paskiem: licznik + trigger mobilny */
.kp-listings-meta{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  margin: 0 0 10px;
  font-size:12px; letter-spacing:.5px; text-transform:uppercase;
  color:var(--kp-ink-soft, #6b5f4f); font-weight:600;
}
.kp-listings-count b{ color:var(--kp-burgundy, #8a2632); font-weight:800; }

/* Trigger widoczny tylko na mobile */
.kp-listings-toggle{
  display:none;
  font: inherit; font-size:12px; letter-spacing:.5px; text-transform:uppercase; font-weight:700;
  color:var(--kp-burgundy, #8a2632);
  background:transparent;
  border:1px solid var(--kp-burgundy-soft, #f4e4e6);
  border-radius:999px;
  padding:8px 14px;
  cursor:pointer;
}
.kp-listings-toggle[aria-expanded="true"]{
  background:var(--kp-burgundy-soft, #f4e4e6);
}

/* Pusty stan */
.kp-listings-empty{
  padding:36px 22px;
  text-align:center;
  color:var(--kp-ink-soft, #6b5f4f);
  background:var(--kp-paper-3, #fff);
  border:1px dashed var(--kp-line, #e6ddc9);
  border-radius:14px;
}
.kp-listings-empty p{ margin:0 0 12px; font-size:15px; color:var(--kp-ink, #2a221a); }
.kp-listings-empty-reset{
  font: inherit; font-size:12px; letter-spacing:.5px; text-transform:uppercase; font-weight:700;
  color:#fff; background:var(--kp-burgundy, #8a2632);
  border:none; border-radius:999px; padding:9px 18px;
  cursor:pointer; transition: transform .18s, background-color .18s;
}
.kp-listings-empty-reset:hover{ transform:translateY(-1px); background:#6f1e28; }

/* Loader — subtelny stan podczas AJAX */
.kp-listings-wrap.is-loading .kp-board-list{ opacity:.55; transition:opacity .18s; }
.kp-listings-wrap.is-loading .kp-listings-count::after{
  content:""; display:inline-block; width:10px; height:10px; margin-left:8px;
  border:2px solid var(--kp-burgundy-soft, #f4e4e6);
  border-top-color: var(--kp-burgundy, #8a2632);
  border-radius:50%;
  vertical-align:-1px;
  animation: kp-lspin .8s linear infinite;
}
@keyframes kp-lspin { to { transform: rotate(360deg); } }

/* Mobile: pasek zwija się do trigg. „Filtruj" */
@media (max-width: 720px){
  .kp-listings-toolbar{
    padding:14px;
    gap:8px;
  }
  .kp-listings-toolbar__field,
  .kp-listings-toolbar__field:first-of-type{ flex:1 1 100%; }
  .kp-listings-toolbar__reset{ margin-left:0; width:100%; text-align:center; }
  .kp-listings-toolbar[hidden]{ display:none; }
  .kp-listings-toggle{ display:inline-flex; align-items:center; gap:6px; }
  .kp-listings-meta{ flex-direction: row-reverse; }
}