/* ŠD Gorje - the other pages of the site (GORJE-023), on top of sistem.css.
   Blocks marked «as on the home page» are copied from prva-stran.html without change.
   Layout: one 1240 px column (.vsebina); reading pages (article, result) use an 840 px column, text 640 px. */

html { scroll-padding-top: calc(var(--glava-h) + 16px); background: var(--sneg); }
html[data-gibanje="da"] { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; }
[hidden] { display: none !important; }

/* current page in the header */
.glava-meni a[aria-current="page"] { color: var(--jezero); border-bottom-color: var(--jezero); }

/* ---------- page frame ---------- */
.naslov-strani { padding-block: 48px 32px; display: grid; gap: 16px; justify-items: start; }
.naslov-strani .t-lg { color: var(--megla); max-width: 62ch; }
@media (min-width: 768px) { .naslov-strani { padding-block: 64px 48px; } }
.razdelek { padding-block: 0 var(--med-razdelki); }
.pas { padding-block: var(--med-razdelki); }
.pas--bela { background: var(--bela); }
.pas--led { background: var(--led); }
.razdelek-glava { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 24px; margin-bottom: 32px; }
.razdelek-glava > div:not(.rubrike) { display: grid; gap: 8px; }
.razdelek-glava .t-base { color: var(--megla); }
.opomba-str { padding-block: 24px; color: var(--megla); }
.pas-cta { background: var(--led); padding-block: 64px; }
.pas-cta .vsebina { display: grid; gap: 12px; justify-items: start; }
.pas-cta .t-base { max-width: 60ch; }
.vec { display: flex; justify-content: center; margin-top: 32px; }

/* breadcrumb */
.pot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: var(--t-sm); }
.pot a { color: var(--jezero); min-height: 32px; display: inline-flex; align-items: center; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: text-decoration-color calc(var(--cas-odziv) * var(--k)) ease; }
@media (hover: hover) and (pointer: fine) { .pot a:hover { text-decoration-color: currentColor; } }
.pot span[aria-hidden] { color: var(--megla); }

/* ---------- labels ---------- */
.znacka { display: inline-flex; align-items: center; height: 29px; padding: 0 12px; border-radius: 999px; background: var(--led); }
.oznaka-pika { display: inline-flex; align-items: center; gap: 8px; min-height: 31px; padding: 6px 12px; border-radius: 999px; background: var(--dogodek-nasi); font-size: var(--t-xs); font-weight: 500; line-height: 1.45; }
.oznaka-pika::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--noc); flex: none; }
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }

/* ---------- filter pills (rubrike) ---------- */
.rubrike { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 16px; }
.rubrike button { min-height: 44px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--crta); font-size: var(--t-sm);
  transition: background-color calc(var(--cas-odziv) * var(--k)) ease, color calc(var(--cas-odziv) * var(--k)) ease, box-shadow calc(var(--cas-odziv) * var(--k)) ease; }
.rubrike button[aria-pressed="true"] { background: var(--noc); color: var(--bela); box-shadow: none; }
@media (hover: hover) and (pointer: fine) { .rubrike button[aria-pressed="false"]:hover { box-shadow: inset 0 0 0 1.5px var(--noc); } }

/* ---------- cards in a row: always as tall as the tallest, link at the bottom ---------- */
.mreza-3 { display: grid; gap: 24px; align-items: stretch; }
@media (min-width: 768px) { .mreza-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mreza-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* news card (as on the home page) + variant without a photo */
.kartica-novica { display: flex; flex-direction: column; }
.kartica-novica img, .kartica-novica .k-datum { width: 100%; aspect-ratio: 384 / 256; object-fit: cover; }
.kartica-novica .k-datum { display: grid; place-items: center; background: var(--noc); color: var(--bela); font-family: var(--f-glas); font-weight: 700; font-size: var(--t-4xl-num); line-height: 1; letter-spacing: -.01em; }
.kartica-novica .k-vsebina { flex: 1; padding: 24px; display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; justify-items: start; }
.kartica-novica h3 { font-size: var(--t-xl); line-height: 1.25; letter-spacing: -.03em; font-weight: 600; }
.k-povezava { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: var(--t-sm); font-weight: 600; }

/* result card (as on the home page, on a light background) */
.kartica-rezultat { padding: 24px; display: grid; grid-template-rows: auto auto 1fr auto; gap: 16px; align-content: start; }
.kartica-rezultat > .povezava { justify-self: start; }
.uvrstitve { display: grid; align-content: start; }
.kategorija { padding-top: 16px; padding-bottom: 4px; color: var(--megla); }
.kategorija:first-child { padding-top: 0; }
.uvrstitev { display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: center; padding: 8px 0; }
.uvrstitev + .uvrstitev { border-top: 1px solid var(--led); }

/* empty state with Svizec (Figma 05: Prazno stanje) */
.prazno-stanje { display: grid; grid-template-columns: 77px 1fr; gap: 20px; align-items: center; padding: 24px; max-width: 480px; }
.prazno-stanje img { width: 77px; height: auto; }
.prazno-stanje .besedilo { display: grid; gap: 6px; justify-items: start; }
.prazno-stanje .t-sm { color: var(--megla); }
.mreza-3 > .prazno-stanje { grid-column: 1 / -1; }

/* ---------- form fields (Figma 05: Polje) ---------- */
.polje { display: grid; gap: 8px; align-content: start; min-width: 0; }
.polje > label, .polje > .polje-ime { font-size: var(--t-gumb); font-weight: 600; line-height: 1.3; }
.vnos { width: 100%; height: 48px; padding: 0 16px; border: 0; border-radius: var(--r-polje); background: var(--bela); box-shadow: inset 0 0 0 1.5px var(--megla); font: inherit; font-size: var(--t-base); color: var(--noc);
  transition: box-shadow calc(var(--cas-odziv) * var(--k)) ease; }
textarea.vnos { height: 120px; padding: 12px 16px; resize: vertical; line-height: 1.5; }
.vnos::placeholder { color: var(--megla); opacity: 1; }
.vnos:focus { outline: none; box-shadow: inset 0 0 0 2px var(--jezero), 0 0 0 3px var(--bela), 0 0 0 5px var(--jezero); }
.izbira { position: relative; }
.izbira select.vnos { appearance: none; -webkit-appearance: none; padding-right: 48px; cursor: pointer; }
.izbira .pu { position: absolute; right: 16px; top: 50%; translate: 0 -50%; width: 20px; height: 20px; pointer-events: none; }
.namig { font-size: var(--t-xs); font-weight: 500; line-height: 1.45; color: var(--megla); }
.polje.napaka .vnos { box-shadow: inset 0 0 0 2px var(--napaka); }
.polje.napaka .namig { color: var(--napaka); }

/* ---------- members-only card (Prijava) ---------- */
.dostop { padding: 24px; display: grid; gap: 12px; justify-items: start; }
.dostop .t-base { color: var(--megla); }
.dostop-gumbi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 4px; }
@media (min-width: 768px) { .dostop { padding: 32px; } }

/* ========== 11 Novice ========== */
.kartica-napoved { display: grid; }
.kartica-napoved img { width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.kartica-napoved .k-vsebina { padding: 24px; display: grid; gap: 16px; align-content: center; justify-items: start; }
.termin { display: grid; gap: 2px; }
.termin .t-base { color: var(--noc); }
.kartica-napoved .k-vsebina > p.t-base { color: var(--megla); }
@media (min-width: 768px) { .kartica-napoved .k-vsebina { padding: 40px; } .termin { grid-template-columns: 140px 1fr; gap: 16px; align-items: baseline; } }
@media (min-width: 1024px) { .kartica-napoved { grid-template-columns: minmax(0, 640fr) minmax(0, 600fr); } .kartica-napoved img { aspect-ratio: auto; min-height: 360px; } }

/* ========== 12 Članek, 13 Rezultat: reading column ========== */
.branje { padding-block: 32px var(--med-razdelki); }
.stolpec { max-width: 840px; margin-inline: auto; display: grid; gap: 24px; }
.stolpec > :where(p, h2, .kartica, .zapis, .deli) { max-width: 640px; }
.stolpec h1 { margin-top: 8px; }
.stolpec > .t-lg { color: var(--noc); }
.stolpec > h2 { margin-top: 16px; }
.stolpec > h2 + p, .stolpec > h2 + .kartica { margin-top: -8px; }
.fotografija { margin: 0; display: grid; gap: 10px; }
.fotografija img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r-kartica); }
.fotografija figcaption, .zapis { color: var(--megla); }
.deli { padding-top: 8px; }
.sosednji { display: grid; gap: 16px; border-top: 1px solid var(--crta); padding-top: 24px; margin-top: 8px; }
.sosednji a { display: grid; gap: 4px; }
.sosednji a .t-xs { color: var(--megla); }
.sosednji a .t-lg { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; text-decoration-thickness: 1.5px; transition: text-decoration-color calc(var(--cas-odziv) * var(--k)) ease; }
@media (hover: hover) and (pointer: fine) { .sosednji a:hover .t-lg { text-decoration-color: currentColor; } }
@media (min-width: 640px) { .sosednji { grid-template-columns: 1fr 1fr; } .sosednji a + a { text-align: right; justify-items: end; } }
.uradni { padding: 24px; display: grid; gap: 8px; }
.uradni .t-base { color: var(--megla); }
.uradni-povezave { display: flex; flex-wrap: wrap; gap: 0 24px; }
.kartica-ena { max-width: 400px; }

/* other competitions (list rows) */
.vrstice { list-style: none; margin: 0; padding: 0; }
.vrstica-tekma { position: relative; display: grid; grid-template-columns: 1fr 24px; gap: 4px 16px; align-items: center; padding: 16px 0; border-top: 1px solid var(--crta); }
.vrstica-tekma:last-child { border-bottom: 1px solid var(--crta); }
.vrstica-tekma .t-lg { grid-column: 1; }
.vrstica-tekma .sport { color: var(--megla); grid-column: 1; }
.vrstica-tekma .pu { grid-column: 2; grid-row: 1 / span 3; width: 24px; height: 24px; transition: translate calc(var(--cas-odziv) * var(--k)) var(--ease-out); }
@media (min-width: 768px) { .vrstica-tekma { grid-template-columns: 140px 1fr auto 24px; } .vrstica-tekma .t-lg { grid-column: 2; } .vrstica-tekma .sport { grid-column: 3; } .vrstica-tekma .pu { grid-column: 4; grid-row: 1; } }
@media (hover: hover) and (pointer: fine) { .vrstica-tekma:hover .razteg { text-decoration-color: currentColor; } .vrstica-tekma:hover .pu { translate: calc(2px * var(--gib)) calc(-2px * var(--gib)); } }

/* ========== 10b Športi ========== */
.v-pripravi { padding: 16px 24px; border-radius: 16px; background: var(--led); margin-bottom: 16px; }
.seznam-sekcij { list-style: none; margin: 0; padding: 0; }
.sekcija { position: relative; display: grid; grid-template-columns: 1fr 24px; gap: 6px 24px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--crta); }
.sekcija .t-base { color: var(--megla); grid-column: 1; }
.sekcija .pu { grid-column: 2; grid-row: 1 / span 2; transition: translate calc(var(--cas-odziv) * var(--k)) var(--ease-out); }
@media (min-width: 900px) { .sekcija { grid-template-columns: minmax(0, 440px) 1fr 24px; padding: 28px 0; } .sekcija .t-base { grid-column: 2; } .sekcija .pu { grid-column: 3; grid-row: 1; } }
@media (hover: hover) and (pointer: fine) { .sekcija:hover .razteg { text-decoration-color: currentColor; } .sekcija:hover .pu { translate: calc(3px * var(--gib)) 0; } }
.ne-ves { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 32px; }
.ne-ves > div { display: grid; gap: 4px; }
.ne-ves .t-base { color: var(--megla); }

/* sport page */
.sport-glava { display: grid; gap: 32px; padding-block: 32px 48px; align-items: center; }
.sport-glava .besedilo { display: grid; gap: 16px; justify-items: start; }
.sport-glava .t-lg { color: var(--megla); max-width: 50ch; }
.sport-glava .gumb { margin-top: 8px; }
@media (min-width: 1024px) { .sport-glava { grid-template-columns: minmax(0, 1fr) 560px; gap: 64px; padding-block: 48px 64px; } .sport-glava.brez-slike { grid-template-columns: minmax(0, 760px); } }
.podatki { display: grid; column-gap: 24px; margin: 0; }
.podatki > div { display: grid; gap: 4px; align-content: start; padding: 16px 0; border-top: 1px solid var(--crta); }
.podatki dt { font-size: var(--t-sm); color: var(--megla); }
.podatki dd { margin: 0; font-size: var(--t-lg); line-height: 1.45; }
.podatki dd.prazno { color: var(--megla); }
@media (min-width: 640px) { .podatki { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .podatki { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vprasanje { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-top: 32px; }
.o-sekciji { display: grid; gap: 12px; max-width: 640px; }
.drugi-sporti { list-style: none; margin: 0; padding: 0; display: grid; column-gap: 24px; }
.drugi-sporti a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; border-top: 1px solid var(--crta); font-size: var(--t-lg); }
.drugi-sporti a .pu { width: 24px; height: 24px; transition: translate calc(var(--cas-odziv) * var(--k)) var(--ease-out); }
.drugi-sporti .vsi { color: var(--jezero); }
@media (hover: hover) and (pointer: fine) { .drugi-sporti a:hover .pu { translate: calc(3px * var(--gib)) 0; } .drugi-sporti a:hover { color: var(--jezero); } }
@media (min-width: 640px) { .drugi-sporti { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .drugi-sporti { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ========== 13 Rezultati in arhiv ========== */
.iskanje { display: grid; gap: 16px; width: 100%; margin-top: 8px; }
@media (min-width: 768px) { .iskanje { grid-template-columns: minmax(0, 1fr) 200px 160px; align-items: end; } }
.leta { border-bottom: 1px solid var(--crta); }
.leto { display: grid; gap: 4px; padding: 24px 0; border-top: 1px solid var(--crta); }
.leto-st { font-family: var(--f-glas); font-weight: 700; font-size: var(--t-2xl); line-height: 1; letter-spacing: -.01em; }
.dokumenti { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.dokument { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; align-items: center; }
.dokument .vrsta { color: var(--jezero); font-size: 12px; }
.dokument .t-base { grid-column: 1; }
.dokument .povezava { grid-column: 2; grid-row: 1 / span 2; }
.na-siroko { display: none; }
@media (min-width: 768px) {
  .leto { grid-template-columns: 160px 1fr; gap: 24px; }
  .leto-st { font-size: var(--t-4xl-num); }
  .dokument { grid-template-columns: 100px 1fr auto; gap: 24px; }
  .dokument .povezava { grid-column: 3; grid-row: 1; }
  .dokument .t-base { grid-column: 2; }
  .na-siroko { display: inline; }
}
.stran-noga { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; color: var(--megla); }

/* ========== 14 Klubski arhiv ========== */
.kartica-arhiv { display: flex; flex-direction: column; }
.kartica-arhiv .letnica { height: 160px; display: flex; align-items: flex-end; padding: 24px 28px; background: var(--led); font-family: var(--f-glas); font-weight: 700; font-size: var(--t-4xl-num); line-height: 1; letter-spacing: -.01em; }
.kartica-arhiv .k-vsebina { flex: 1; padding: 24px; display: grid; grid-template-rows: auto 1fr auto; gap: 8px; justify-items: start; }
.kartica-arhiv .t-xs { color: var(--megla); }
@media (min-width: 1024px) { .kartica-arhiv .letnica { height: 200px; } }

/* ========== 15 Kontakt in vpis ========== */
.kontakt-vrsta { display: grid; gap: 32px; align-items: start; }
@media (min-width: 1024px) { .kontakt-vrsta { grid-template-columns: minmax(0, 620px) minmax(0, 1fr); gap: 72px; } }
.obrazec { padding: 24px; display: grid; gap: 24px; }
@media (min-width: 768px) { .obrazec { padding: 40px; } }
.izbire { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; min-width: 0; }
.izbire legend { padding: 0; font-size: var(--t-sm); margin-bottom: 12px; }
.izbire-vrsta { display: flex; flex-wrap: wrap; gap: 8px; }
.izbire label { position: relative; cursor: pointer; }
.izbire input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.izbire label span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--crta); font-size: var(--t-sm);
  transition: background-color calc(var(--cas-odziv) * var(--k)) ease, color calc(var(--cas-odziv) * var(--k)) ease, box-shadow calc(var(--cas-odziv) * var(--k)) ease; }
.izbire input:checked + span { background: var(--noc); color: var(--bela); box-shadow: none; }
.izbire input:focus-visible + span { outline: 2px solid var(--jezero); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .izbire input:not(:checked) + span:hover { box-shadow: inset 0 0 0 1.5px var(--noc); } }
.polja-2 { display: grid; gap: 24px; }
@media (min-width: 640px) { .polja-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
.soglasje { position: relative; display: grid; grid-template-columns: 24px 1fr; gap: 4px 12px; align-items: start; font-size: var(--t-sm); }
.soglasje input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.soglasje .kvadrat { width: 22px; height: 22px; margin-top: 1px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--megla); display: grid; place-items: center; color: var(--bela); background: var(--bela); cursor: pointer; transition: background-color calc(var(--cas-odziv) * var(--k)) ease; }
.soglasje .kvadrat svg { width: 14px; height: 14px; opacity: 0; }
.soglasje input:checked + .kvadrat { background: var(--noc); box-shadow: none; }
.soglasje input:checked + .kvadrat svg { opacity: 1; }
.soglasje input:focus-visible + .kvadrat { outline: 2px solid var(--jezero); outline-offset: 3px; }
.soglasje.napaka .kvadrat { box-shadow: inset 0 0 0 2px var(--napaka); }
.soglasje a { grid-column: 2; color: var(--jezero); text-decoration: underline; text-underline-offset: 3px; justify-self: start; }
.soglasje .namig { grid-column: 2; }
.obrazec > .gumb { justify-self: start; }
.stran-kontakt { display: grid; gap: 32px; }
.kontakt-drustva { padding: 28px; border-radius: var(--r-kartica); background: var(--led); display: grid; gap: 12px; }
.kontakt-drustva dl { margin: 0; display: grid; gap: 12px; }
.kontakt-drustva dt { font-size: var(--t-sm); color: var(--megla); }
.kontakt-drustva dd { margin: 0; }
.kontakt-drustva .t-xs { color: var(--megla); }
.nasvet { display: grid; gap: 8px; justify-items: start; }
.nasvet .t-base { color: var(--megla); }
.sekcije-vprasaj { list-style: none; margin: 0; padding: 0; display: grid; column-gap: 24px; }
.sekcije-vprasaj li { display: grid; gap: 4px; padding: 20px 0; border-top: 1px solid var(--crta); justify-items: start; }
@media (min-width: 768px) { .sekcije-vprasaj { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.poslano { max-width: none; }

/* ========== 16 Te strani ni (404) ========== */
.ni-strani { display: grid; gap: 32px; padding-block: 48px 64px; align-items: center; justify-items: start; }
.ni-strani img { width: 140px; height: auto; }
.ni-strani .besedilo { display: grid; gap: 20px; justify-items: start; }
.ni-strani .t-lg { color: var(--megla); max-width: 46ch; }
.ni-strani .povezave { display: grid; gap: 4px; justify-items: start; }
@media (min-width: 768px) { .ni-strani { grid-template-columns: 192px minmax(0, 560px); gap: 64px; padding-block: 96px; } .ni-strani img { width: 192px; } }

/* ---------- footer (as on the home page) ---------- */
.noga { position: relative; background: var(--noc); color: var(--bela); padding-block: 48px 0; overflow: hidden; }
.noga .vsebina { position: relative; z-index: 1; }
.noga-zgoraj { display: grid; gap: 32px; }
@media (min-width: 640px) { .noga-zgoraj { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .noga { padding-top: 72px; } .noga-zgoraj { grid-template-columns: 272px repeat(3, minmax(0, 1fr)); gap: 64px; } }
.noga-klub { display: grid; gap: 20px; align-content: start; }
.noga-svizec { display: flex; align-items: center; gap: 14px; color: var(--ivje); }
.noga-svizec img { width: 58px; height: auto; }
.noga-stolpec { display: grid; gap: 12px; align-content: start; }
.noga-stolpec .oznaka { color: var(--ivje); }
.noga-stolpec a { font-size: var(--t-meni); font-weight: 600; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: text-decoration-color calc(var(--cas-odziv) * var(--k)) ease; justify-self: start; }
@media (hover: hover) and (pointer: fine) { .noga-stolpec a:hover { text-decoration-color: currentColor; } }
.noga-crta { height: 1px; background: rgba(255,255,255,.35); margin-block: 48px 16px; }
.noga-spodaj { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 32px; color: var(--ivje); }
.noga-spodaj a { min-height: 44px; display: inline-flex; align-items: center; }
.avtor { padding-block: 16px 32px; color: var(--ivje); }

/* ========== 17 Urejanje: zadnje objave (GORJE-048) ========== */
.zadnje-objave { padding: 24px; display: grid; gap: 12px; margin-top: 24px; }
@media (min-width: 768px) { .zadnje-objave { padding: 40px; } }
.zadnje-seznam { list-style: none; margin: 0; padding: 0; }
.zadnje-seznam li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--crta); }
.zadnje-seznam li > div { display: grid; gap: 2px; min-width: 0; }
.zadnje-seznam .t-base { overflow-wrap: break-word; }
.zadnje-seznam .gumb { flex: none; }