/* ============================================================
   Skupni slog za vse strani (index.html in test/index.html).
   Barve, pisave, glava, meni, gumbi in noga so definirani tu.
   Kar je značilno za posamezno stran, ostane v njeni datoteki.
   ============================================================ */

/* ---------- pisave (shranjene na tem strežniku, brez Googla) ---------- */
/* latin: osnovne črke  |  latin-ext: šumniki č, š, ž in podobno */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300;font-display:swap;
  src:url(newsreader-latin-ext-300-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300;font-display:swap;
  src:url(newsreader-latin-300-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;
  src:url(newsreader-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;
  src:url(newsreader-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;
  src:url(newsreader-latin-ext-500-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;
  src:url(newsreader-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;
  src:url(newsreader-latin-ext-400-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;
  src:url(newsreader-latin-400-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url(inter-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url(inter-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url(inter-latin-ext-500-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url(inter-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url(inter-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url(inter-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- osnove ---------- */
:root{
  --papir:#f7f5f1;
  --papir-topel:#efeae1;
  --crnilo:#191e20;
  --tekst:#33393b;
  --tiho:#6b7274;
  --crta:#e0dacf;
  --poudarek:#2b4f55;
  --poudarek-svetel:#4a7f88;
  --temno:#1b2224;
  --sirina:1120px;
  --besedilo:660px;
}
*{box-sizing:border-box}
/* Atribut hidden mora skriti tudi elemente, ki imajo v slogu svoj display. */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{
  margin:0;
  background:var(--papir);
  color:var(--tekst);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17.5px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.serif{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:400;color:var(--crnilo);letter-spacing:-.01em}
h1{font-size:clamp(2.35rem,5.4vw,4.05rem);line-height:1.08;margin:0 0 1.1rem}
h2{font-size:clamp(1.72rem,3.2vw,2.5rem);line-height:1.18;margin:0 0 1.4rem}
h3{font-size:1.2rem;line-height:1.35;margin:0 0 .5rem;font-weight:500}
p{margin:0 0 1.15rem;max-width:var(--besedilo)}
a{color:var(--poudarek);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--crnilo)}
:focus-visible{outline:2px solid var(--poudarek);outline-offset:3px;border-radius:2px}
strong{font-weight:600;color:var(--crnilo)}
.ovoj{max-width:var(--sirina);margin:0 auto;padding:0 28px}
section{padding:clamp(4rem,9vw,7.5rem) 0;border-top:1px solid var(--crta)}
.oznaka{
  font-size:.735rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tiho);font-weight:500;margin:0 0 1.6rem;display:block;
}
.uvod{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.2rem,2.1vw,1.44rem);line-height:1.62;color:#2a3133;max-width:36ch}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--crnilo);color:#fff;padding:10px 16px;z-index:99}

/* ---------- glava ---------- */
.glava{
  position:sticky;top:0;z-index:50;
  background:rgba(247,245,241,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid transparent;transition:border-color .25s;
}
.glava.oblita{border-bottom-color:var(--crta)}
.glava .ovoj{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px}
.logo{font-family:"Newsreader",Georgia,serif;font-size:1.06rem;color:var(--crnilo);text-decoration:none;white-space:nowrap}
.logo span{color:var(--tiho);font-size:.9rem}
@media(max-width:1240px){.logo span{display:none}}
.meni{display:flex;gap:22px;align-items:center}
.meni a{font-size:.865rem;color:var(--tekst);text-decoration:none;white-space:nowrap}
.meni a:hover{color:var(--poudarek)}
/* Povezava na test je izpostavljena: pika in poudarjena barva. */
.meni .meni-test{
  color:var(--poudarek);font-weight:500;
  display:inline-flex;align-items:center;gap:.5rem;
}
.meni .meni-test::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--poudarek);flex:none;
}
.meni .meni-test:hover{color:var(--crnilo)}
.meni .meni-test:hover::before{background:var(--crnilo)}
/* V ozkem meniju na vrhu le "Test", v razprtem meniju na telefonu celo ime. */
.meni .meni-test .dolgo{display:none}
.meni .gumb-mali{
  border:1px solid var(--poudarek);color:var(--poudarek);
  padding:7px 15px;border-radius:2px;font-weight:500;
}
.meni .gumb-mali:hover{background:var(--poudarek);color:#fff}
/* gumb za meni na telefonu */
.meni-gumb{
  display:none;background:none;border:0;padding:10px;margin-right:-10px;
  cursor:pointer;color:var(--crnilo);line-height:0;
}
.meni-gumb svg{display:block}
.meni-gumb .crta{stroke:currentColor;stroke-width:1.5;transition:transform .28s,opacity .2s}
.meni-gumb[aria-expanded="true"] .c1{transform:translateY(6px) rotate(45deg);transform-origin:center}
.meni-gumb[aria-expanded="true"] .c2{opacity:0}
.meni-gumb[aria-expanded="true"] .c3{transform:translateY(-6px) rotate(-45deg);transform-origin:center}

@media(max-width:1080px){
  .meni-gumb{display:block}
  /* Plošča je absolutna glede na glavo: backdrop-filter na glavi bi
     položaju fixed sicer spremenil izhodišče in ploščo bi stisnilo. */
  .meni{
    position:absolute;top:100%;left:0;right:0;
    height:calc(100vh - 66px);height:calc(100dvh - 66px);
    background:var(--papir);border-top:1px solid var(--crta);
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;padding:1.4rem 28px 3rem;overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .22s,transform .22s,visibility .22s;
  }
  .meni.odprt{opacity:1;visibility:visible;transform:none}
  .meni a:not(.gumb-mali){
    font-family:"Newsreader",Georgia,serif;font-size:1.42rem;
    padding:1.05rem 0;border-bottom:1px solid var(--crta);color:var(--crnilo);
  }
  .meni .meni-test{color:var(--poudarek);font-weight:400}
  .meni .meni-test::before{width:7px;height:7px}
  .meni .meni-test .kratko{display:none}
  .meni .meni-test .dolgo{display:inline}
  .meni .gumb-mali{
    margin-top:1.8rem;text-align:center;background:var(--poudarek);color:#fff;
    font-family:"Inter",sans-serif;font-size:1rem;padding:16px 20px;
  }
  body.meni-odprt{overflow:hidden}
}
@media(max-width:600px){
  .glava .ovoj{padding:0 22px;gap:12px}
  .logo span{display:none}
  .logo{font-size:1rem;overflow:hidden;text-overflow:ellipsis}
  .meni{padding-left:22px;padding-right:22px}
}

/* ---------- gumbi ---------- */
.gumbi{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:.4rem}
.gumb{
  display:inline-block;background:var(--poudarek);color:#fff;text-decoration:none;
  padding:14px 26px;border-radius:2px;font-size:.94rem;font-weight:500;
  transition:background .2s,transform .2s;
}
.gumb:hover{background:var(--crnilo);color:#fff;transform:translateY(-1px)}
.gumb-obris{
  display:inline-block;color:var(--tekst);text-decoration:none;
  padding:14px 4px;font-size:.94rem;border-bottom:1px solid var(--crta);
}
.gumb-obris:hover{border-bottom-color:var(--poudarek);color:var(--poudarek)}
/* ---------- noga ---------- */
.noga{padding:2.6rem 0;border-top:1px solid var(--crta);font-size:.83rem;color:var(--tiho)}
.noga .ovoj{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.noga p{margin:0;max-width:none}

/* ---------- oznaka za dopolnitev ---------- */
.dopolni{background:#fff3cd;color:#6b4d00;padding:1px 7px;border-radius:2px;font-size:.85em;font-weight:500}

/* ---------- telefon: več zraka, večje tipke ---------- */
@media(max-width:620px){
  body{font-size:17px;line-height:1.76}
  .ovoj{padding:0 22px}
  section{padding:4.2rem 0}
  p{margin-bottom:1.3rem}
  .gumb{width:100%;text-align:center;padding:17px 24px}
  .gumb-obris{padding:14px 0;display:inline-block}
  .gumbi{gap:10px}
  .dejavnosti{margin-top:2rem}
  .dejavnosti li{padding:7px 14px}
  .podatki li{margin-bottom:1.4rem}
  .podatki a{display:inline-block;padding:4px 0}
  .polje input,.polje textarea{padding:13px 14px;font-size:16px} /* 16px prepreči, da iOS ob dotiku poveča stran */
  form button{padding:17px 20px}
  .cv li{padding:1.35rem 0}
  .ne-bo li,.javni-seznam li{padding:1.45rem 0}
  .navedek,.merilo,.javni-sklep{padding-left:1.3rem}
}