/* ════════════════════════════════════════════
   kronoloski_pregled.css — slogi kronološkega pregleda
   tekočega spletišča (kronoloski_pregled.html);
   barvne variante kategorij osnovemet/uporaba/...
   Preneseno iz inline <style> bloka, 2026-06
   ════════════════════════════════════════════ */

/* ── Kronološki pregled — barvne variante kategorij tekočega spletišča ── */
.kr-kat.osnovemet      { background: #ddeeff; color: #0050d0; border: 1px solid rgba(0,80,208,0.25); }
.kr-kat.uporaba        { background: #f0d8ff; color: #8020c0; border: 1px solid rgba(128,32,192,0.25); }
.kr-kat.zdravjemed     { background: #d8ffd4; color: #1a8a00; border: 1px solid rgba(26,138,0,0.25); }
.kr-kat.bioatesti      { background: #fff2cc; color: #c87000; border: 1px solid rgba(200,112,0,0.25); }
.kr-kat.hranakmet      { background: #e8f8cc; color: #4a8c00; border: 1px solid rgba(74,140,0,0.25); }
.kr-kat.vremeplanet    { background: #cceeff; color: #0080b0; border: 1px solid rgba(0,128,176,0.25); }
.kr-kat.nesrecezlocini { background: #ffe8d4; color: #c04800; border: 1px solid rgba(192,72,0,0.25); }
.kr-kat.svetdogodki    { background: #ffe0e4; color: #c01020; border: 1px solid rgba(192,16,32,0.25); }
.kr-kat.sport          { background: #ccf5ec; color: #007860; border: 1px solid rgba(0,120,96,0.25); }
.kr-kat.relikultura    { background: #fce0f4; color: #7a1060; border: 1px solid rgba(122,16,96,0.25); }
.kr-kat.history        { background: #fff0cc; color: #906000; border: 1px solid rgba(144,96,0,0.25); }
.kr-kat.razno          { background: #d8eef8; color: #386080; border: 1px solid rgba(56,96,128,0.25); }

.kr-filter-btn.osnovemet                { background: #ddeeff; box-shadow: inset 0 0 0 2px #0050d0; color: #0050d0 !important; }
.kr-filter-btn.osnovemet.kr-active      { background: #c0d8ff; box-shadow: inset 0 0 0 3px #0050d0; color: #0050d0 !important; }
.kr-filter-btn.uporaba                  { background: #f0d8ff; box-shadow: inset 0 0 0 2px #8020c0; color: #8020c0 !important; }
.kr-filter-btn.uporaba.kr-active        { background: #e0bcff; box-shadow: inset 0 0 0 3px #8020c0; color: #8020c0 !important; }
.kr-filter-btn.zdravjemed               { background: #d8ffd4; box-shadow: inset 0 0 0 2px #1a8a00; color: #1a8a00 !important; }
.kr-filter-btn.zdravjemed.kr-active     { background: #b4f0ac; box-shadow: inset 0 0 0 3px #1a8a00; color: #1a8a00 !important; }
.kr-filter-btn.bioatesti                { background: #fff2cc; box-shadow: inset 0 0 0 2px #c87000; color: #c87000 !important; }
.kr-filter-btn.bioatesti.kr-active      { background: #ffe49c; box-shadow: inset 0 0 0 3px #c87000; color: #c87000 !important; }
.kr-filter-btn.hranakmet                { background: #e8f8cc; box-shadow: inset 0 0 0 2px #4a8c00; color: #4a8c00 !important; }
.kr-filter-btn.hranakmet.kr-active      { background: #d4f0a0; box-shadow: inset 0 0 0 3px #4a8c00; color: #4a8c00 !important; }
.kr-filter-btn.vremeplanet              { background: #cceeff; box-shadow: inset 0 0 0 2px #0080b0; color: #0080b0 !important; }
.kr-filter-btn.vremeplanet.kr-active    { background: #a0e0ff; box-shadow: inset 0 0 0 3px #0080b0; color: #0080b0 !important; }
.kr-filter-btn.nesrecezlocini           { background: #ffe8d4; box-shadow: inset 0 0 0 2px #c04800; color: #c04800 !important; }
.kr-filter-btn.nesrecezlocini.kr-active { background: #ffd0b0; box-shadow: inset 0 0 0 3px #c04800; color: #c04800 !important; }
.kr-filter-btn.svetdogodki              { background: #ffe0e4; box-shadow: inset 0 0 0 2px #c01020; color: #c01020 !important; }
.kr-filter-btn.svetdogodki.kr-active    { background: #ffc0c8; box-shadow: inset 0 0 0 3px #c01020; color: #c01020 !important; }
.kr-filter-btn.sport                    { background: #ccf5ec; box-shadow: inset 0 0 0 2px #007860; color: #007860 !important; }
.kr-filter-btn.sport.kr-active          { background: #a0e8dc; box-shadow: inset 0 0 0 3px #007860; color: #007860 !important; }
.kr-filter-btn.relikultura              { background: #fce0f4; box-shadow: inset 0 0 0 2px #7a1060; color: #7a1060 !important; }
.kr-filter-btn.relikultura.kr-active    { background: #f8c0e8; box-shadow: inset 0 0 0 3px #7a1060; color: #7a1060 !important; }
.kr-filter-btn.history                  { background: #fff0cc; box-shadow: inset 0 0 0 2px #906000; color: #906000 !important; }
.kr-filter-btn.history.kr-active        { background: #ffe09c; box-shadow: inset 0 0 0 3px #906000; color: #906000 !important; }
.kr-filter-btn.razno                    { background: #d8eef8; box-shadow: inset 0 0 0 2px #386080; color: #386080 !important; }
.kr-filter-btn.razno.kr-active          { background: #b8d8ec; box-shadow: inset 0 0 0 3px #386080; color: #386080 !important; }