/* ============================================================
   filters.css — Kadraj filter chips/presets and Siparişler
   tur (round) chip toolbar
   ============================================================ */

/* ---- Sipariş — tur seçici ---- */
.sip-tur-chips{
  display:flex;flex-wrap:nowrap;align-items:center;gap:10px;
  flex:1;min-width:0;overflow:hidden;
}
.sip-tur-chips > span{flex-shrink:0;}
#sip-tur-checkboxes{
  display:flex;flex-wrap:nowrap;align-items:center;gap:6px;
  flex:1;min-width:0;overflow-x:auto;
  scrollbar-width:thin;padding:2px 0;
}
#sip-tur-checkboxes label{
  display:flex;align-items:center;justify-content:center;gap:4px;
  flex:0 0 auto;min-width:58px;font-size:11px;cursor:pointer;
  font-family:var(--mono);background:var(--bg2);padding:6px 10px;
  border-radius:4px;border:1px solid var(--border);white-space:nowrap;
}
#sip-tur-checkboxes label:has(input:checked){
  background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700;
}
#sip-tur-checkboxes label.sip-tur-off{
  opacity:.38;cursor:not-allowed;background:var(--bg);
}
#sip-tur-checkboxes label.sip-tur-off span{color:var(--ink3);}

.sip-liste-toolbar{
  display:flex;flex-wrap:nowrap;align-items:center;gap:14px;
  margin-bottom:14px;padding:12px 16px;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.sip-liste-toolbar .search-inp{width:180px;flex-shrink:0;}
.sip-liste-toolbar .btn-g{flex-shrink:0;}

/* ---- Kadraj filter card ---- */
.k-filters{
  background:var(--bg);border:1px solid var(--border);
  border-radius:var(--radius);padding:12px 14px;
  margin-bottom:18px;
}
.k-filter-row{margin-bottom:12px;}
.k-filter-row:last-child{margin-bottom:0;}
.k-filter-row-presets{
  display:flex;align-items:center;gap:10px;
  flex-wrap:nowrap;margin-bottom:10px;
}
.k-filter-row-presets .k-filter-label{margin-bottom:0;flex-shrink:0;}
.k-filter-label{
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--ink3);font-family:var(--mono);
  margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.k-presets{
  display:flex;flex-wrap:nowrap;align-items:center;gap:5px;
  flex:1;min-width:0;overflow-x:auto;
  scrollbar-width:thin;padding:1px 0;
}
.k-deri-chips{display:flex;flex-wrap:wrap;gap:8px;}
.k-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:99px;
  font-size:12px;font-weight:600;font-family:var(--sans);
  border:1px solid var(--border-strong);background:#fff;
  cursor:pointer;transition:all .2s;color:var(--ink2);
  user-select:none;
}
.k-chip:hover{border-color:var(--ink3);color:var(--ink);}
.k-chip.active{
  background:var(--ink);color:#fff;border-color:var(--ink);
  box-shadow:0 2px 10px rgba(20,18,15,.15);
}
.k-chip.active .k-chip-count{background:rgba(255,255,255,.2);color:#fff;}
.k-chip-preset[data-preset="bekleyen"].active{background:var(--accent);border-color:var(--accent);}
.k-chip-preset[data-preset="eksik"].active{background:#b83a1a;border-color:#b83a1a;}
.k-chip-preset[data-preset="girilmedi"].active{background:var(--ink2);border-color:var(--ink2);}
.k-chip-preset[data-preset="fazla"].active{background:var(--gold);border-color:var(--gold);color:#fff;}
.k-chip-preset[data-preset="tamam"].active{background:var(--green);border-color:var(--green);}
.k-chip-preset{
  flex:0 0 auto;padding:5px 9px;gap:5px;
  font-size:11px;white-space:nowrap;
}
.k-chip-preset > span:first-child{font-size:11px;}
.k-chip-count{
  font-size:9px;font-weight:700;font-family:var(--mono);
  background:var(--bg2);color:var(--ink2);
  padding:1px 5px;border-radius:99px;min-width:18px;text-align:center;
}
.k-chip-preset.active .k-chip-count{min-width:18px;}
.k-chip-deri{font-size:11px;padding:6px 12px;}
.k-chip-deri input{display:none;}
.k-chip-deri:has(input:checked){
  background:var(--accent-soft);border-color:var(--accent);color:var(--accent);
  font-weight:700;
}
.k-link-btn{
  background:none;border:none;padding:0;
  font-size:10px;font-weight:700;color:var(--accent);
  cursor:pointer;font-family:var(--mono);text-transform:none;letter-spacing:0;
}
.k-link-btn:hover{text-decoration:underline;}
.k-filter-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;padding-top:10px;
  border-top:1px solid var(--border);margin-top:10px;
}
.k-filter-foot-inline{
  padding-top:8px;margin-top:8px;
}
.k-filter-count{font-size:12px;color:var(--ink2);font-family:var(--mono);}
.k-filter-count strong{color:var(--ink);font-weight:700;}