/* ==========================================================================
   KS FACTOR — projects.css  (vetëm për projekte.html)
   ========================================================================== */

.toolbar { display: flex; flex-direction: column; gap: 20px; margin-bottom: 32px; }
.toolbar__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.toolbar__count { font-size: 15px; color: var(--c-muted); }
.toolbar__count strong { color: var(--c-ink); }

.sort { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
.sort select {
  min-height: 48px;
  padding: 10px 40px 10px 16px;
  border: 1.5px solid var(--c-input);
  border-radius: var(--radius-pill);
  background: var(--c-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2313342A' stroke-width='2'/%3E%3C/svg%3E") right 16px center no-repeat;
  appearance: none;
  font-weight: 600;
}
.sort select:focus { outline: none; border-color: var(--c-green); box-shadow: 0 0 0 3px rgba(19, 52, 42, .15); }

.chip__count { margin-left: 6px; opacity: .65; font-weight: 700; }

.load-more { display: flex; justify-content: center; margin-top: 48px; }

@media (max-width: 600px) {
  .search { flex-basis: 100%; }
  .chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding: 2px var(--gutter) 6px; scrollbar-width: none; }
  .chips::-webkit-scrollbar { display: none; }
  .chip { flex: none; }
}