/* IA-2026 site search (/pretraga) — page sheet, loads after global.css. */

.kl-pretraga { max-width: 720px; margin: 0 auto; padding: var(--kl-sp-16); }

.kl-pretraga .kl-page-title { font: 800 var(--kl-fs-24) var(--kl-font-display); color: var(--kl-ink); margin: var(--kl-sp-16) 0; }

.kl-pretraga-form { display: flex; gap: var(--kl-sp-10); margin-bottom: var(--kl-sp-20); }

.kl-pretraga-input {
  flex: 1;
  padding: var(--kl-sp-12) var(--kl-sp-14);
  border: 1px solid var(--kl-border-strong);
  border-radius: var(--kl-r-12);
  font: 500 var(--kl-fs-15) var(--kl-font-ui);
  color: var(--kl-ink);
  background: var(--kl-surface);
}
.kl-pretraga-input:focus { outline: 2px solid var(--kl-red); outline-offset: 1px; }

.kl-pretraga-hint,
.kl-pretraga-empty p { font: 500 var(--kl-fs-14) var(--kl-font-ui); color: var(--kl-text-2); line-height: 1.6; }

.kl-pretraga-empty-links { display: flex; flex-wrap: wrap; gap: var(--kl-sp-10); margin-top: var(--kl-sp-12); }
.kl-pretraga-empty-links a {
  padding: var(--kl-sp-8) var(--kl-sp-14);
  border: 1px solid var(--kl-border);
  border-radius: var(--kl-r-pill);
  font: 700 var(--kl-fs-13) var(--kl-font-ui);
  color: var(--kl-ink);
  text-decoration: none;
}

.kl-pretraga-group { margin-bottom: var(--kl-sp-24); }
.kl-pretraga-group-title { font: 800 var(--kl-fs-15) var(--kl-font-display); color: var(--kl-ink); margin: 0 0 var(--kl-sp-10); }

.kl-pretraga-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--kl-sp-8); }

.kl-pretraga-hit {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--kl-sp-10) var(--kl-sp-14);
  border: 1px solid var(--kl-border);
  border-radius: var(--kl-r-12);
  background: var(--kl-surface);
  text-decoration: none;
}
.kl-pretraga-hit:hover { border-color: var(--kl-border-strong); }
.kl-pretraga-hit strong { font: 700 var(--kl-fs-14) var(--kl-font-ui); color: var(--kl-ink); }
.kl-pretraga-hit small { font: 500 var(--kl-fs-12) var(--kl-font-ui); color: var(--kl-text-2); }