/* ============================================================
   EIS 2 — dopolnitve k oblikovnemu sistemu A11Y-SCMS (main.css, admin.css).
   Samo žetoni iz theme.css; nobene trdo zapisane barve zunaj preverjenih tem.
   ============================================================ */

/* ---------- Nastavitve prikaza uporabnika (App\Core\Display) ---------- */

/* Velikost besedila: vse mere so v rem, zato se postavitev prilagodi (SC 1.4.4, 1.4.10). */
html[data-fs="0"] { font-size: 87.5%; }
html[data-fs="2"] { font-size: 125%; }
html[data-fs="3"] { font-size: 150%; }
html[data-fs="4"] { font-size: 200%; }

html[data-font="arial"]   { --font: Arial, "Liberation Sans", Helvetica, sans-serif; }
html[data-font="verdana"] { --font: Verdana, "DejaVu Sans", Geneva, sans-serif; }
html[data-font="tahoma"]  { --font: Tahoma, "DejaVu Sans", Geneva, sans-serif; }
html[data-font="serif"]   { --font: "Times New Roman", Times, "Liberation Serif", serif; }

/* Teme visokega kontrasta: dve barvi, kontrast 21 : 1 (rumena/črna 19,6 : 1). Vsi žetoni se preslikajo. */
html[data-theme="hc-yellow"], html[data-theme="hc-white"], html[data-theme="hc-black"] {
  --surface: var(--bg); --surface-alt: var(--bg); --surface-mute: var(--bg);
  --text-muted: var(--text);
  --primary: var(--text); --primary-hover: var(--text); --on-primary: var(--bg);
  --primary-soft: var(--bg); --primary-line: var(--text);
  --band: var(--bg); --on-band: var(--text);
  --link: var(--text); --link-hover: var(--text); --link-visited: var(--text);
  --accent: var(--text); --accent-text: var(--text); --accent-soft: var(--bg); --on-accent: var(--bg);
  --accent-hover: var(--text); --accent-line: var(--text); --accent-band-text: var(--text);
  --border: var(--text); --border-strong: var(--text);
  --focus-outer: var(--text); --focus-inner: var(--bg);
  --info: var(--text); --info-soft: var(--bg); --info-text: var(--text);
  --success: var(--text); --success-soft: var(--bg); --success-text: var(--text);
  --warning: var(--text); --warning-soft: var(--bg); --warning-text: var(--text);
  --danger: var(--text); --danger-soft: var(--bg); --danger-text: var(--text);
  --shadow: none; --shadow-lg: none; --scrim: var(--bg); --on-scrim: var(--text);
}
html[data-theme="hc-yellow"] { --bg: #000000; --text: #ffff00; }
html[data-theme="hc-white"]  { --bg: #000000; --text: #ffffff; }
html[data-theme="hc-black"]  { --bg: #ffffff; --text: #000000; }
html[data-theme^="hc-"] a { text-decoration: underline; }
html[data-theme^="hc-"] .btn, html[data-theme^="hc-"] .notice, html[data-theme^="hc-"] .card,
html[data-theme^="hc-"] .table-wrap, html[data-theme^="hc-"] input, html[data-theme^="hc-"] select,
html[data-theme^="hc-"] textarea { border: 2px solid var(--text); }
html[data-theme^="hc-"] .btn--primary { background: var(--text); color: var(--bg); }
html[data-theme^="hc-"] .btn--secondary, html[data-theme^="hc-"] .btn--ghost { background: var(--bg); color: var(--text); }
html[data-theme^="hc-"] img { filter: none; }
html[data-theme^="hc-"] .table tbody tr:nth-child(even) { background: var(--bg); }
html[data-theme^="hc-"] .table th, html[data-theme^="hc-"] .table td { border-color: var(--text); }
html[data-theme^="hc-"] .site-header, html[data-theme^="hc-"] .site-footer { border-bottom: 2px solid var(--text); border-top: 2px solid var(--text); }
html[data-theme^="hc-"] :focus-visible { outline: 3px solid var(--text); outline-offset: 2px; box-shadow: 0 0 0 6px var(--bg); }

/* Ikoni za preklop teme: luna pri svetli, sonce pri temni (main.js preklopi html.dark) */
.ico-sun { display: none; }
html.dark .ico-sun { display: inline; }
html.dark .ico-moon { display: none; }

/* ---------- Glava v dveh vrsticah (potrjeno oblikovanje) ----------
   1. .topstrip (pas --band/--on-band iz A11Y-SCMS): račun, Prikaz, tema, odjava;
   2. .navbar--dark: znak ZDSSS + ime storitve + iskalnik. Glavnega menija v glavi ni. */
.eis-header .brand__logo { width: 48px; height: 48px; }
.topstrip__nav .icon { flex: none; margin-inline-end: .35em; }
.topstrip__who { display: inline-flex; align-items: center; min-height: 40px; padding-inline: .5em; font-weight: 700; }
.topstrip__logout { margin: 0; }
.topstrip__btn { text-decoration: underline; }
.topstrip__btn:focus-visible, .topstrip__nav a:focus-visible { outline-color: var(--on-band); }
.eis-header .hdr-search { flex: 1 1 16rem; }
@media (max-width: 47.99rem) {
  .eis-header .navbar__tools { flex-basis: 100%; }
  .eis-header .hdr-search { max-width: none; }
}

/* ---------- Obrazci: navodilo je pod poljem, zato brez spodnjega odmika iz main.css ---------- */
.blockform__field > .blockform__note { margin: 0; }

/* ---------- Katalog ---------- */
.eis-count { font-weight: 400; font-size: .85em; color: var(--text-muted); }
.eis-filter { margin-block: 1.25rem 2rem; padding: 1rem 1.25rem; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius); }
.eis-filter h2 { margin-top: 0; font-size: 1.15rem; }
.eis-filter .blockform__field { margin: 0; }
.eis-filter .blockform__grid { align-items: start; }
.eis-filter .blockform__actions { margin: 1rem 0 0; display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }

.eis-items { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.eis-items__row { padding: .7rem 0; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: .2rem; }
.eis-items__row:last-child { border-bottom: 1px solid var(--border); }
.eis-items__title { font-weight: 600; font-size: 1.05rem; }
.eis-items__meta { color: var(--text-muted); font-size: .92rem; }
.eis-items__date { color: var(--text-muted); font-size: .92rem; font-variant-numeric: tabular-nums; }
/* Naslov z opisom (področje, kategorija) pod njim — rezultati iskanja. */
.eis-items__body { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
@media (min-width: 48rem) {
  .eis-items__date + .eis-items__body { flex: 1 1 auto; }
  .eis-items__body .eis-items__meta { text-align: start; }
  .eis-items__row { flex-direction: row; justify-content: space-between; align-items: baseline; gap: 1rem; }
  .eis-items__meta { flex: 0 0 auto; text-align: end; }
  .eis-items__date { flex: 0 0 6.5rem; }
  .eis-items__date + .eis-items__title { flex: 1 1 auto; }
}

.eis-letters ul { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; padding: 0; margin: 1rem 0; }
.eis-letters a { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center;
  border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); text-decoration: none; font-weight: 700; }
.eis-letters a:hover, .eis-letters a:focus-visible { background: var(--primary-soft); }
.eis-index { columns: 18rem; column-gap: 2rem; list-style: none; padding: 0; margin: .5rem 0 1rem; }
.eis-index li { break-inside: avoid; padding: .3rem 0; }

.eis-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 1.25rem 0; }
.eis-actions .btn .icon { margin-inline-end: .4em; }
.eis-item-facts { margin-block: 1rem 1.5rem; }
.eis-nodes__dir { background: var(--surface-alt); }
.eis-nodes .actions a { white-space: nowrap; }

.eis-reader { max-width: 70ch; line-height: 1.7; }
.eis-reader p { margin-bottom: 1em; }
.eis-tracks { margin-top: 2rem; }

.block-audio audio { width: 100%; max-width: 48rem; }
.able-playlist ul { list-style: none; padding: 0; }
.able-playlist li { padding: .25rem 0; }

/* ---------- Uredništvo (dopolnitve k admin.css) ---------- */
.eis-admin-filters { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: flex-end; margin: 1rem 0; }
.eis-admin-filters .field { margin: 0; min-width: 10rem; }
.eis-admin-filters .field--wide { min-width: 16rem; flex: 1 1 16rem; }
.eis-bulk { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .75rem 0; }
.eis-order input { width: 4rem; }
.eis-tree ul { list-style: none; padding-inline-start: 1.25rem; }
.eis-tree li { padding: .2rem 0; }
.eis-tree__row { display: flex; gap: .75rem; align-items: baseline; flex-wrap: wrap; }
.eis-tree__meta { color: var(--text-muted); font-size: .9rem; }
.eis-browser { list-style: none; padding: 0; }
.eis-browser li { padding: .3rem 0; border-top: 1px solid var(--border); display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.eis-browser__size { color: var(--text-muted); font-size: .9rem; margin-inline-start: auto; }
.eis-import-row { border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; margin-bottom: 1rem; background: var(--surface); }
.eis-import-row h3 { margin-top: 0; font-size: 1.05rem; }
.eis-stat-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1rem; margin: 1rem 0; }
.eis-stat-cards .card { padding: 1rem; }
.eis-stat-cards .card__value { font-size: 1.8rem; font-weight: 700; display: block; }
.table--compact th, .table--compact td { padding: .4rem .6rem; }

/* ---------- Stranski meni (edini meni spletišča; App\Core\Nav::sideMenu) ----------
   Desno od vsebine (.layout--aside-right iz A11Y-SCMS, na ozkem zaslonu pod vsebino). Brez
   razpiranja: vrhnje strani + povezave iz nastavitve side_links. Odprti razdelek označuje
   ravna navpična črta v --primary-line in podlaga --primary-soft (aria-current="location"/"page"). */
.eis-side { padding: 1rem; }
.eis-side ul { list-style: none; margin: 0; padding: 0; }
.eis-side li + li { margin-top: .25rem; }
.eis-side a {
  display: flex; align-items: center; gap: .5rem;
  min-height: 48px; padding: .5rem .75rem;
  border-radius: calc(var(--radius) * .67);
  color: var(--text); font-weight: 700; font-size: 1.0625rem; text-decoration: none;
}
.eis-side a:hover, .eis-side a:focus-visible { background: var(--surface-mute); color: var(--link-hover); text-decoration: underline; }
.eis-side a[aria-current] {
  background: var(--primary-soft); color: var(--text);
  border-radius: 0; border-inline-start: 4px solid var(--primary-line); padding-inline-start: .5rem;
}
.eis-side a .icon { flex: none; }
html[data-theme^="hc-"] .eis-side a[aria-current] { border-inline-start-width: 6px; }