/* RECNIK-2026-06-09 — stilovi za recnik pojmova */
.recnik-intro { font-size: 1.05rem; color: var(--text-secondary, #9fb0c3); margin-bottom: 1.5rem; }
.recnik-search { margin-bottom: 1.5rem; }
.recnik-search input {
  width: 100%; padding: 12px 16px; font-size: 1rem;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px; color: #e8eef5; outline: none; box-sizing: border-box;
}
.recnik-search input:focus { border-color: #22d3ee; }
.recnik-search input::placeholder { color: #6b7d92; }

.recnik-list { display: flex; flex-direction: column; gap: 14px; }
.recnik-card {
  background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px; padding: 1.1rem 1.25rem;
}
.recnik-card-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.recnik-card-head h2 { margin: 0; font-size: 1.25rem; color: #e8eef5; }
.recnik-tag {
  font-size: 0.72rem; font-weight: 600; padding: 3px 10px; border-radius: 6px;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.tag-napad   { background: rgba(239,68,68,0.15);  color: #fca5a5; }
.tag-pretnja { background: rgba(249,115,22,0.15); color: #fdba74; }
.tag-zastita { background: rgba(34,197,94,0.15);  color: #86efac; }
.tag-pojam   { background: rgba(34,211,238,0.13); color: #67e8f9; }

.recnik-alt { font-size: 0.85rem; color: #6b7d92; margin: 4px 0 0; font-style: italic; }
.recnik-opis { font-size: 1rem; line-height: 1.7; color: #c4d0dd; margin: 10px 0 0; }
.recnik-zastita {
  margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.07);
}
.recnik-zastita-label {
  font-size: 0.78rem; font-weight: 600; color: #22d3ee;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.recnik-zastita p { font-size: 0.95rem; line-height: 1.6; color: #9fb0c3; margin: 5px 0 0; }
.recnik-empty { text-align: center; color: #6b7d92; padding: 2rem 0; }

/* ─── RECNIK-AZBUKA-RESTYLE-2026-06-11: traka slova (tema, centrirana) ─── */
.recnik-azbuka {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 32px auto 40px;
    padding: 18px 16px;
    max-width: 760px;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
}
.azbuka-slovo {
    min-width: 32px;
    height: 32px;
    padding: 0 7px;
    border: 1px solid var(--border-subtle);
    border-radius: 7px;
    background: var(--bg-elevated);
    color: var(--text-secondary);
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.12s ease;
    line-height: 1;
    font-family: inherit;
}
.azbuka-slovo:hover:not(:disabled) {
    border-color: var(--cyan);
    color: var(--cyan);
    background: rgba(34, 211, 238, 0.08);
}
.azbuka-slovo.is-active {
    background: var(--cyan);
    border-color: var(--cyan);
    color: var(--bg-primary);
}
.azbuka-slovo:disabled,
.azbuka-slovo.is-disabled {
    opacity: 0.25;
    cursor: default;
    color: var(--text-muted);
    background: transparent;
}
.azbuka-sva {
    min-width: auto;
    padding: 0 13px;
    color: var(--text-primary);
}
@media (max-width: 600px) {
    .recnik-azbuka { padding: 14px 10px; gap: 5px; }
    .azbuka-slovo { min-width: 29px; height: 29px; font-size: 0.8rem; padding: 0 5px; }
}