/* Locutio – prva slovenska literarna on-line revija
   Videz stare strani (modra glava z vilo, oblaki v levem stolpcu), postavitev s CSS. */
:root {
  --meni: #02739f;
  --meni-rob: #015c80;
  --arhiv: #015c80;
  --stolpec: #1d83a9;
  --stolpec-temni: #156f93;
  --mint: #b8f5df;
  --modra-svetla: #5cc2e3;
  --besedilo: #22404a;
  --naslov: #0a4f6a;
  --poudarek: #0a5a78;
  --poudarek-hover: #063f56;
  --tiho: #3e6472;
  --crta: #9ccfe0;
  --papir: #f3fbfd;
  --noga: #035a7c;
  --zoom: 1;
  --f-napis: "Cinzel", "Trajan Pro", Georgia, serif;
  --f-ui: "Source Sans 3", "Segoe UI", Tahoma, Arial, sans-serif;
  --f-besedilo: "Source Serif 4", Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #abdfed linear-gradient(180deg, #0085ae 0, #7ecfe2 250px, #abdfed 514px, #abdfed 100%) no-repeat;
  color: var(--besedilo);
  font-family: var(--f-ui);
  font-size: 16px;
  line-height: 1.5;
}
a { color: var(--poudarek); }
a:hover { color: var(--poudarek-hover); }
img { max-width: 100%; height: auto; }
:focus-visible { outline: 2px solid #0b84b0; outline-offset: 2px; }
.sr { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.preskok { position: absolute; left: -9999px; top: 0; background: #fff; padding: 8px 12px; z-index: 50; }
.preskok:focus { left: 8px; top: 8px; }
[hidden] { display: none !important; }

.stran { zoom: var(--zoom); }

/* ---------- urednik ---------- */
.urednik-trak { background: #fff7d6; color: #5a4300; font-size: 14px; text-align: center; padding: 6px 16px; }
.urednik-trak a { color: #5a4300; font-weight: 600; }
.opozorilo { background: #fff7d6; border: 1px solid #e8d48a; color: #5a4300; padding: 8px 12px; border-radius: 4px; }

/* ---------- meni ---------- */
.meni { background: var(--meni); border-bottom: 1px solid var(--meni-rob); }
.meni-in { max-width: 1200px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; min-height: 46px; gap: 12px; }
.meni-logo { display: none; font-family: var(--f-napis); font-weight: 600; letter-spacing: .18em; color: #fff; text-decoration: none; font-size: 18px; }
.meni-gumb { display: none; margin-left: auto; font: 700 15px var(--f-ui); color: #fff; background: transparent; border: 1px solid var(--modra-svetla); border-radius: 4px; min-height: 38px; padding: 0 12px; cursor: pointer; }
.meni-povezave { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 24px; flex: 1; }
.meni-povezave > a { color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; padding: 11px 0 9px; border-bottom: 2px solid transparent; }
.meni-povezave > a:hover { border-bottom-color: rgba(255,255,255,.6); color: #fff; }
.meni-povezave > a[aria-current="page"] { border-bottom-color: var(--mint); }
.meni-povezave > a.arhiv-gumb[aria-expanded="true"] { border-bottom-color: var(--mint); }
.meni-isci { margin-left: auto; padding: 6px 0; }
.meni-isci input { font: inherit; font-size: 14px; padding: 7px 10px; border: 1px solid var(--modra-svetla); border-radius: 4px; background: #e9f7fc; color: var(--besedilo); width: 220px; max-width: 100%; }

/* ---------- arhiv ---------- */
.arhiv-plosca { background: var(--arhiv); border-bottom: 1px solid #014b69; color: #fff; }
.arhiv-in { max-width: 1200px; margin: 0 auto; padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.arhiv-oznaka { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mint); margin-right: 6px; }
.arhiv-leta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.arhiv-leta button { font: 600 14px var(--f-ui); color: #fff; background: transparent; border: 1px solid #3fa7cc; border-radius: 4px; padding: 5px 9px; min-width: 54px; min-height: 34px; cursor: pointer; }
.arhiv-leta button:hover { background: #2a8fb5; }
.arhiv-leta button[aria-pressed="true"] { background: var(--mint); color: #063f56; border-color: var(--mint); }
.arhiv-stevilke { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border-top: 1px solid #1d7699; padding-top: 10px; min-height: 52px; }
.arhiv-stevilke a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #fff; border: 1px solid var(--modra-svetla); border-radius: 4px; padding: 4px 12px; min-width: 62px; }
.arhiv-stevilke a:hover { background: #fff; color: #063f56; }
.arhiv-stevilke a b { font-family: var(--f-napis); font-size: 22px; line-height: 1.1; }
.arhiv-stevilke a span { font-size: 12px; opacity: .9; }
.arhiv-stevilke a.v-pripravi { border-style: dashed; opacity: .8; }
.arhiv-stevilke a.arhiv-vse { margin-left: auto; border: 0; flex-direction: row; color: var(--mint); font-weight: 600; text-decoration: underline; }
.arhiv-stevilke a.arhiv-vse:hover { background: transparent; color: #fff; }

/* ---------- glava ---------- */
.glava { background: #74cbdf url(../i/nova/glava-rob.jpg) repeat-x left top; }
.glava-in { max-width: 1200px; margin: 0 auto; height: 245px; position: relative; background: url(../i/nova/glava.jpg) no-repeat left top; }
.glava-ime { position: absolute; left: 238px; top: 40px; right: 16px; text-decoration: none; color: #fff; display: block; }
.glava-locutio { display: block; font-family: var(--f-napis); font-size: 46px; letter-spacing: .26em; line-height: 1; text-shadow: 1px 2px 3px rgba(0,40,60,.45); }
.glava-podnapis { display: block; font-family: var(--f-napis); font-size: 15px; letter-spacing: .2em; line-height: 1.35; color: #f2fbfe; margin-top: 8px; text-shadow: 1px 1px 2px rgba(0,40,60,.45); }
.glava-kot { position: absolute; left: 0; bottom: 0; width: 239px; height: 50px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 0 14px; color: #e6f7fc; }
.glava-kot-mala { font-size: 12px; line-height: 1.25; text-align: right; }
.glava-kot-velika { font-family: var(--f-napis); font-size: 34px; font-weight: 600; color: var(--mint); line-height: 1; }

/* ---------- okvir: stolpec + vsebina ---------- */
.okvir { max-width: 1200px; margin: 0 auto; display: flex; align-items: stretch; box-shadow: 0 2px 8px rgba(0,60,90,.18); }
.stolpec {
  flex: 0 0 239px; width: 239px; color: #fff; position: relative; display: flex; flex-direction: column;
  background: var(--stolpec) url(../i/nova/stolpec-zgoraj.jpg) no-repeat left top;
}
/* kazalo ostane na zaslonu in se pri dolgih člankih pomika posebej */
.stolpec-lepljivo {
  position: sticky; top: 0; max-height: calc(100vh / var(--zoom, 1)); overflow-y: auto; overscroll-behavior: contain;
  display: flex; flex-direction: column; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.45) transparent;
}
.stolpec-vsebina { position: relative; padding: 4px 0 18px; }
.stolpec-dno { height: 281px; margin-top: auto; background: url(../i/nova/stolpec-spodaj.jpg) no-repeat left bottom; flex: 0 0 auto; }
.stolpec-glava-tel { display: none; }
.stolpec a { color: #fff; }
.stolpec-naslov { margin: 14px 20px 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mint); }
.stolpec-naslov a { color: var(--mint); text-decoration: none; }
.stolpec-pod { margin: -4px 20px 10px; font-size: 13px; color: #dff3fa; }
.kazalo { list-style: none; margin: 0; padding: 0; }
.kazalo-skupina { padding: 7px 20px 8px 17px; border-bottom: 1px solid rgba(255,255,255,.16); border-left: 3px solid transparent; }
.kazalo-skupina.aktivno, .kazalo-skupina:has(.aktivno) { border-left-color: var(--mint); background: rgba(10,70,100,.32); }
.kazalo-avtor { display: block; font-size: 13px; color: #dff3fa !important; text-decoration: none; }
.kazalo-avtor:hover { text-decoration: underline; }
.kazalo-naslov { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; margin-top: 2px; text-decoration: none; }
.kazalo-naslov:hover { text-decoration: underline; }
.kazalo-naslov.aktivno, .kazalo-naslov[aria-current] { color: var(--mint) !important; }
.kazalo-naslov + .kazalo-naslov { margin-top: 5px; }
.kazalo-oznaka { font-weight: 400; font-size: 12px; color: var(--mint); white-space: nowrap; }
.kazalo-rubrika .kazalo-avtor { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 11px; color: var(--mint) !important; }
.stolpec-povezave { list-style: none; margin: 0; padding: 0; }
.stolpec-povezave a { display: block; padding: 9px 20px; border-bottom: 1px solid rgba(255,255,255,.16); font-weight: 600; text-decoration: none; }
.stolpec-povezave a[aria-current] { border-left: 3px solid var(--mint); padding-left: 17px; background: rgba(10,70,100,.32); }
.letniki { list-style: none; margin: 0; padding: 0; }
.letniki > li > a { display: block; padding: 9px 20px; border-bottom: 1px solid rgba(255,255,255,.16); font-weight: 600; text-decoration: none; }
.letniki > li.izbran { background: rgba(10,70,100,.32); border-left: 3px solid var(--mint); }
.letniki > li.izbran > a { padding-left: 17px; }
.meseci { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 0 14px 12px 17px; }
.meseci a, .meseci span { text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0; border-radius: 4px; text-decoration: none; }
.meseci a { background: #2a7b9e; }
.meseci a[aria-current] { background: var(--mint); color: #0c3f54; }
.meseci span { color: rgba(255,255,255,.4); }
.tiho-svetlo { color: rgba(255,255,255,.7); font-weight: 400; }
.abeceda { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 16px 12px 20px; }
.abeceda a, .abeceda span { min-width: 30px; text-align: center; padding: 4px 0; border-radius: 3px; font-weight: 700; font-size: 14px; text-decoration: none; }
.abeceda a { background: #2a7b9e; }
.abeceda a:hover { background: var(--mint); color: #0c3f54; }
.abeceda span { color: rgba(255,255,255,.35); }

.vsebina {
  flex: 999 1 560px; min-width: 0; padding: 26px 40px 48px;
  background: #a9deec linear-gradient(180deg, #76cde1 0, #a9deec 312px, #a9deec 100%) no-repeat;
}
.vsebina-sama { flex-basis: 100%; }

/* ---------- naslovi, drobtine ---------- */
.drobtine { font-size: 14px; color: var(--tiho); margin-bottom: 10px; }
.naslov { font-family: var(--f-besedilo); font-weight: 600; font-size: 34px; line-height: 1.15; color: var(--naslov); margin: 0 0 6px; text-wrap: balance; }
.podnaslov { font-size: 15px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--poudarek); margin: 32px 0 10px; }
.tiho { color: var(--tiho); font-size: .92em; }

/* ---------- naslovnica ---------- */
.glava-stevilke { margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--crta); }
.glava-stevilke-ime { font-family: var(--f-napis); font-weight: 600; font-size: clamp(28px, 4vw, 40px); letter-spacing: .14em; color: var(--naslov); line-height: 1.05; }
.glava-stevilke-pod { font-size: 15px; color: var(--tiho); margin-top: 6px; letter-spacing: .03em; }
.naslovnica-naslov { font-family: var(--f-besedilo); font-weight: 600; font-size: 26px; color: var(--naslov); margin: 0 0 14px; text-wrap: balance; }
.naslovnica-slika { margin: 0 0 16px; }
.naslovnica-slika img { display: block; border: 1px solid var(--crta); background: #fff; }
.naslovnica-slika figcaption { font-size: 13px; color: var(--tiho); margin-top: 6px; }
.naprej { margin-top: 26px; font-weight: 600; }

/* ---------- članek ---------- */
.clanek-glava { display: flex; gap: 16px; align-items: center; margin-bottom: 22px; }
.clanek-glava .oznaka { margin: 0 0 4px; }
.clanek-avtor-tel { display: none; }
.avtor-leta { font-weight: 400; color: var(--tiho); }
/* avtor desno v glavi (kot na stari strani) */
.glava-avtor { position: absolute; right: 18px; bottom: 14px; display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--naslov); max-width: 46%; }
.glava-avtor-ime { font-family: var(--f-ui); font-size: 21px; font-weight: 700; line-height: 1.2; text-align: right; text-shadow: 0 0 6px rgba(255,255,255,.55); }
.glava-avtor-leta { display: block; font-size: 15px; font-weight: 600; color: #2a6a84; margin-top: 2px; }
.glava-avtor-ikona { width: 110px; height: 110px; flex: 0 0 110px; object-fit: cover; border-radius: 16px; border: 2px solid var(--naslov); background: #fff; box-shadow: 0 2px 8px rgba(0,40,60,.25); }
a.glava-avtor:hover .glava-avtor-ime { text-decoration: underline; }
.ikona { width: 84px; height: 84px; flex: 0 0 84px; object-fit: cover; border-radius: 14px; border: 1.5px solid var(--naslov); background: #fff; }
.clanek-avtor { margin: 4px 0 0; font-size: 16px; color: var(--tiho); }
.clanek-avtor a { font-weight: 600; }
.oznaka { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--poudarek); }
.objavljeno { font-size: 14px; color: var(--tiho); margin-top: 26px; }
.natisni { font-family: var(--f-ui); font-size: 14px; margin-top: 18px; }
.natisni a::before { content: "⎙ "; }
.prej-nasl { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--crta); }
.prej-nasl a { flex: 1 1 240px; max-width: 48%; text-decoration: none; border: 1px solid var(--crta); border-radius: 6px; padding: 10px 14px; background: rgba(255,255,255,.55); }
.prej-nasl a:hover { background: #fff; }
.prej-nasl a.nasl { text-align: right; margin-left: auto; }
.prej-nasl span { display: block; font-size: 13px; color: var(--tiho); }
.prej-nasl b { display: block; color: var(--naslov); }

/* ---------- besedilo (enako kot v urejevalniku) ---------- */
.besedilo { font-family: var(--f-besedilo); font-size: 18px; line-height: 1.65; color: #1d363f; }
.besedilo.dva-stolpca { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
.stolpec-besedila { min-width: 0; max-width: 46em; overflow-wrap: break-word; }
/* <p> = odstavek ali kitica (razmik zgoraj, kot stari P z margin-top), <br> = nova vrstica */
.besedilo p { margin: .75em 0 0; }
.besedilo h2 { font-family: var(--f-ui); font-size: 1em; font-weight: 700; letter-spacing: .02em; line-height: 1.35; color: var(--poudarek); margin: 1.7em 0 0; }
.besedilo h2 + p { margin-top: .45em; }
.stolpec-besedila > :first-child { margin-top: 0; }
.besedilo h3 { font-family: var(--f-ui); font-size: 16px; color: var(--poudarek); margin: 22px 0 8px; }
.besedilo .b-desno { text-align: right; }
.besedilo .b-sredina { text-align: center; }
.besedilo .b-zamik1 { padding-left: 1.6em; }
.besedilo .b-zamik2 { padding-left: 3.2em; }
.besedilo .b-zamik3 { padding-left: 4.8em; }
.besedilo .b-aforizem { border-top: 1px solid var(--crta); padding-top: 8px; margin-top: 12px; font-style: italic; }
.besedilo .b-opomba { font-family: var(--f-ui); font-size: 14px; color: var(--tiho); }
.besedilo .p-lezece { font-style: italic; }
.besedilo .p-pisava { font-family: var(--f-napis); letter-spacing: .03em; }
.besedilo .p-manjse { font-size: .88em; }
.besedilo .c-modra { color: #1f5fbf; }
.besedilo .c-rdeca { color: #b3261e; }
.besedilo .c-zelena { color: #2a7a4c; }
.besedilo .c-siva { color: #5f6f75; }
.besedilo hr.locilo, .besedilo hr.locilo-sredina, .besedilo hr.haiku { border: 0; height: auto; margin: 18px 0; text-align: center; overflow: visible; }
.besedilo hr.locilo::after, .besedilo hr.locilo-sredina::after { content: "*   *   *"; white-space: pre; font-family: var(--f-ui); font-weight: 700; letter-spacing: .2em; color: var(--poudarek); }
/* osnovno ločilo (stari <* * *>) je levo, zamik je enak razmiku med zvezdicami; locilo-sredina je na sredini */
.besedilo hr.locilo { text-align: left; }
.besedilo hr.locilo::after { content: "   *   *   *"; }
.besedilo hr.haiku::after { content: "〜"; font-size: 20px; color: var(--poudarek); }
.besedilo figure.slika { margin: 1em 0 .25em; }
.besedilo figure.slika img { display: block; border: 1px solid var(--crta); background: #fff; }
.galerija { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); gap: 10px; margin: 14px 0; }
.galerija figure.slika { margin: 0; }
.galerija figure.slika img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
figure.slika.povecaj img { cursor: zoom-in; }
.besedilo blockquote { margin: 12px 0 12px 1.4em; }
.staticna ul { padding-left: 1.4em; }
.staticna .zamik { margin: 4px 0 12px 1.4em; }
.staticna h2 { font-family: var(--f-besedilo); font-size: 28px; letter-spacing: 0; text-transform: none; color: var(--naslov); }
.staticna p { margin: 0 0 .8em; }

/* ---------- avtor ---------- */
.avtor-foto { float: right; margin: 4px 0 12px 20px !important; max-width: 40%; }
.avtor-cv::after { content: ""; display: block; clear: both; }
.seznam-del { list-style: none; padding: 0; margin: 0; columns: 2 280px; column-gap: 28px; font-size: 16px; }
.seznam-del li { break-inside: avoid; padding: 3px 0; }
.filter { margin: 14px 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.filter label { font-weight: 600; }
.filter input, .iskanje-obrazec input { font: inherit; padding: 8px 10px; border: 1px solid var(--crta); border-radius: 4px; background: #fff; min-width: 0; flex: 1 1 260px; max-width: 420px; }
.abeceda-vrstica { padding: 0; margin: 10px 0 16px; }
.abeceda-vrstica a { background: rgba(255,255,255,.6); color: var(--naslov); }
.abeceda-vrstica a:hover { background: var(--naslov); color: #fff; }
.abeceda-vrstica span { color: rgba(10,79,106,.35); }
.crka h2 { font-family: var(--f-napis); color: var(--naslov); font-size: 24px; margin: 18px 0 4px; border-bottom: 1px solid var(--crta); }
.crka ul { list-style: none; padding: 0; margin: 0; columns: 2 260px; column-gap: 28px; }
.crka li { padding: 2px 0; break-inside: avoid; }

/* ---------- kronika ---------- */
.kronika-glava { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.kronika-listanje { display: flex; justify-content: space-between; gap: 16px; font-weight: 600; font-size: 15px; }
.kronika-listanje.spodaj { margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--crta); }
.dogodek { border-top: 1px solid var(--crta); padding: 20px 0; }
.dogodek-datum { margin: 0 0 4px; font-size: 14px; font-weight: 700; }
.dogodek-datum a { text-decoration: none; }
.dogodek-naslov { font-family: var(--f-besedilo); font-weight: 600; font-size: 23px; line-height: 1.25; color: var(--naslov); margin: 0 0 8px; }
.dogodek .besedilo { font-size: 17px; }

/* ---------- arhiv stran ---------- */
.arhiv-leto h2 { font-family: var(--f-napis); color: var(--naslov); font-size: 26px; margin: 22px 0 10px; border-bottom: 1px solid var(--crta); }
.arhiv-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.arhiv-kartica { display: flex; flex-direction: column; text-decoration: none; background: rgba(255,255,255,.6); border: 1px solid var(--crta); border-radius: 6px; overflow: hidden; color: var(--besedilo); }
.arhiv-kartica:hover { background: #fff; }
.arhiv-kartica.v-pripravi { border-style: dashed; }
.arhiv-slika { display: block; aspect-ratio: 4 / 3; background: #d8eff6; overflow: hidden; }
.arhiv-slika img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arhiv-brez { display: flex; height: 100%; align-items: center; justify-content: center; font-family: var(--f-napis); font-size: 40px; color: #9ccfe0; }
.arhiv-st { font-family: var(--f-napis); font-weight: 600; font-size: 22px; color: var(--naslov); padding: 6px 10px 0; }
.arhiv-datum { font-size: 13px; color: var(--tiho); padding: 0 10px; }
.arhiv-nasl { font-size: 14px; font-weight: 600; padding: 2px 10px 10px; }

/* ---------- iskanje ---------- */
.iskanje-obrazec { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 18px; }
.iskanje-obrazec button { font: 700 15px var(--f-ui); background: var(--meni); color: #fff; border: 0; border-radius: 4px; padding: 8px 18px; cursor: pointer; }

/* ---------- noga ---------- */
.noga { max-width: 1200px; margin: 0 auto 70px; background: var(--noga); color: #d9f1f9; font-size: 13px; }
.noga-in { padding: 14px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; }
.noga a { color: #fff; }

/* ---------- velikost strani ---------- */
.velikost { position: fixed; right: 16px; bottom: 16px; z-index: 20; display: flex; align-items: center; gap: 4px; background: var(--meni); border-radius: 6px; padding: 4px; box-shadow: 0 2px 10px rgba(0,40,60,.35); }
.velikost button { font: 700 15px var(--f-ui); color: #063f56; background: #fff; border: 0; border-radius: 4px; min-width: 44px; min-height: 40px; cursor: pointer; }
.velikost button:disabled { opacity: .45; cursor: default; }
.velikost-odstotek { color: #fff; font-size: 13px; min-width: 50px; text-align: center; font-variant-numeric: tabular-nums; }

/* ---------- povečava slik ---------- */
.lb { position: fixed; inset: 0; z-index: 60; background: rgba(5,20,26,.92); display: flex; align-items: center; justify-content: center; padding: 56px; }
.lb img { max-width: 100%; max-height: 100%; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.lb button { position: absolute; background: #fff; color: #0c3f54; border: 0; border-radius: 5px; padding: 8px 12px; font: 700 16px var(--f-ui); cursor: pointer; min-width: 44px; min-height: 42px; }
.lb .lb-zapri { top: 12px; right: 12px; }
.lb .lb-prej { left: 8px; top: 50%; }
.lb .lb-nasl { right: 8px; top: 50%; }
.lb .lb-st { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; color: #e6f6fb; font-size: 13px; }

.stolpec-zavihek, .stolpec-ozadje { display: none; }

/* ---------- telefon ---------- */
@media (max-width: 760px) {
  .meni-in { flex-wrap: wrap; padding: 0 12px; }
  .meni-logo { display: block; }
  .meni-gumb { display: block; }
  .meni-povezave { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 10px; }
  .meni-povezave.odprto { display: flex; }
  .meni-povezave > a { padding: 10px 2px; border-bottom: 1px solid rgba(255,255,255,.15); }
  .meni-isci { margin: 8px 0 0; }
  .meni-isci input { width: 100%; }
  .glava-in { height: 120px; background-size: auto 120px; }
  .glava { background-size: auto 120px; }
  .glava-ime { left: 112px; top: 18px; }
  .glava-locutio { font-size: 26px; }
  .glava-podnapis { font-size: 10px; letter-spacing: .14em; margin-top: 5px; }
  .glava-kot { width: auto; right: 0; left: auto; height: 34px; padding: 0 12px; }
  .glava-kot-velika { font-size: 22px; }
  .glava-kot-mala { font-size: 11px; }
  .glava-avtor { display: none; }
  .clanek-avtor-tel { display: flex; align-items: center; gap: 10px; margin: 8px 0 0; font-size: 16px; }
  .clanek-avtor-tel a { font-weight: 600; }
  .clanek-avtor-tel img { width: 44px; height: 44px; object-fit: cover; border-radius: 9px; border: 1.5px solid var(--naslov); background: #fff; }
  .okvir { display: block; }
  .vsebina { padding: 20px 16px 36px 34px; }
  .naslov { font-size: 27px; }
  .besedilo { font-size: 17px; }
  .besedilo.dva-stolpca { grid-template-columns: minmax(0, 1fr); }
  .prej-nasl a { max-width: 100%; }
  .avtor-foto { float: none; max-width: 100%; margin: 0 0 12px !important; }
  .stolpec {
    position: fixed; z-index: 40; left: 0; top: 0; bottom: 0; width: 86%; max-width: 330px;
    overflow-y: auto; transform: translateX(-105%); transition: transform .22s ease; box-shadow: 4px 0 18px rgba(0,30,45,.45);
  }
  .stolpec.odprto { transform: none; }
  .stolpec-glava-tel { display: flex; align-items: center; gap: 12px; position: sticky; top: 0; z-index: 2; background: var(--stolpec-temni); padding: 10px 12px 10px 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 13px; color: var(--mint); }
  .stolpec-zapri { margin-left: auto; font: 700 18px var(--f-ui); color: #063f56; background: #fff; border: 0; border-radius: 4px; min-width: 44px; min-height: 44px; cursor: pointer; }
  .stolpec-dno { display: none; }
  .stolpec-lepljivo { position: static; max-height: none; overflow: visible; }
  .stolpec-zavihek {
    display: block; position: fixed; left: 0; top: 38%; z-index: 30; writing-mode: vertical-rl; transform: rotate(180deg);
    background: var(--stolpec); color: #fff; border: 0; border-radius: 6px 0 0 6px; padding: 16px 8px;
    font: 700 13px var(--f-ui); letter-spacing: .14em; cursor: pointer; box-shadow: -2px 0 8px rgba(0,40,60,.35);
  }
  .stolpec-ozadje { display: block; position: fixed; inset: 0; z-index: 35; background: rgba(2,40,56,.5); }
  .velikost { right: 10px; bottom: 10px; }
  .noga { margin-bottom: 76px; }
  .lb { padding: 56px 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .stolpec { transition: none; }
}

@media print {
  .meni, .arhiv-plosca, .glava, .stolpec, .stolpec-zavihek, .velikost, .noga, .prej-nasl, .urednik-trak { display: none !important; }
  body { background: #fff; }
  .okvir { box-shadow: none; display: block; }
  .vsebina { background: #fff; padding: 0; }
  .stran { zoom: 1; }
}