/* Specifični stilovi za Glosar (filteri koriste globalni kit iz styles.css) */

.wrap{max-width:1200px;margin:40px auto;padding:0 20px}
.hero.hero--sm{height:40vh;min-height:320px}
.navbar .active{border-bottom:2px solid #7dd3fc}

/* Breadcrumbs */
.breadcrumbs ol{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 14px 0;font-size:14px;color:#475569}
.breadcrumbs a{color:#0ea5e9;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs li::after{content:"/";margin:0 4px;color:#94a3b8}
.breadcrumbs li:last-child::after{content:""}

/* Toolbar */
.glossary-toolbar{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.searchbar input{
  width:100%; padding:10px 12px; border:1px solid #e2e8f0; border-radius:10px;
  font-size:15px;
}
.az{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  padding:8px 0;
}
.az a{
  display:inline-block; min-width:28px; text-align:center;
  padding:6px 8px; border:1px solid #e2e8f0; border-radius:999px;
  text-decoration:none; color:#0b1220; background:white;
  font-weight:600; font-size:14px;
}
.az a.is-active{ background:#ecfeff; border-color:#bae6fd; color:#0369a1 }

@media (min-width:880px){
  .glossary-toolbar{ grid-template-columns: 1fr auto }
}

/* Odseci slova */
.letter{
  margin:24px 0 10px; font-size:1.35rem; line-height:1.2
}

/* Termini */
.term{
  background:white; border:1px solid #e2e8f0; border-radius:14px;
  padding:12px 14px; margin-bottom:10px; box-shadow:0 4px 20px rgba(2,12,27,.04);
}
.term h3{ margin:0 0 6px 0; font-size:1.06rem }
.term .short{ margin:0 0 6px 0; color:#334155 }
.term .meta{ display:flex; gap:8px; flex-wrap:wrap; margin-top:6px }
.term details{ margin-top:6px }
.term details summary{ cursor:pointer; color:#0369a1 }

/* „Vidi i“ */
.term .see{ margin-top:6px; font-size:0.95em }
.term .see a{ color:#0ea5e9; text-decoration:none }
.term .see a:hover{ text-decoration:underline }