/* =========================================================
   Pravne strani (predlog) – zasebnost.html, pogoji-poslovanja.html, piskotki.html
   Ponovno uporablja: glava, noga, vrednote, novice (components.css), .nadnaslov (base.css)
   WP: navadne strani z vsebino v urejevalniku (Pravilnik o zasebnosti = WP »Privacy Policy«)
   ========================================================= */

/* --- Drobtine (enako kot na ostalih podstraneh) --- */
.drobtine ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; font-size: .9375rem; }
.drobtine li + li::before { content: "/"; margin-right: .5rem; opacity: .5; }
.drobtine a { text-decoration: none; }
.drobtine a:hover { text-decoration: underline; }
.drobtine--svetle { color: var(--c-besedilo-blago); }
.drobtine--svetle [aria-current] { color: var(--c-naslov); }

.pr { padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3.5rem, 7vw, 6.5rem); }
.pr__glava { display: grid; justify-items: start; gap: .9rem; max-width: 44rem; margin-block: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 4vw, 3.5rem); }
.pr__glava h1 { font-size: clamp(2.4rem, 1.5rem + 2.8vw, 4.2rem); }
.pr__uvod { font-size: var(--fs-uvod); line-height: 1.45; }

/* Kazalo levo (lepljivo), besedilo desno v berljivem stolpcu */
.pr__mreza { display: grid; grid-template-columns: minmax(0, 18rem) minmax(0, 46rem); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.pr__kazalo {
  position: sticky; top: 6.5rem; padding: 1.25rem 1.35rem;
  border-radius: 18px; background: var(--c-ozadje-toplo); border: 1px solid #f0dfc3;
}
.pr__kazalo-naslov { font-size: var(--fs-nadnaslov); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--c-oranzna-temna); margin-bottom: .6rem; }
.pr__kazalo ol { display: grid; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.pr__kazalo a { display: block; padding: .25rem 0; font-size: .9375rem; line-height: 1.35; color: var(--c-besedilo); text-decoration: none; }
.pr__kazalo a:hover { color: var(--c-oranzna-temna); text-decoration: underline; text-underline-offset: 3px; }

.pr__vsebina { min-width: 0; }
.pr__vsebina > * + * { margin-top: 1rem; }
.pr__vsebina p, .pr__vsebina li { font-size: clamp(1.0625rem, 1rem + .2vw, 1.125rem); line-height: 1.7; }
.pr__vsebina h2 {
  font-size: clamp(1.7rem, 1.35rem + 1.2vw, 2.3rem); color: var(--c-oranzna);
  margin-top: clamp(2.25rem, 4vw, 3rem); scroll-margin-top: 7rem;
}
.pr__vsebina h2:first-child { margin-top: 0; }
.pr__vsebina h3 { font-family: var(--f-besedilo); font-size: 1.125rem; font-weight: 600; color: var(--c-naslov); margin-top: 1.5rem; line-height: 1.35; }
.pr__vsebina strong { font-weight: 600; color: var(--c-naslov); }
.pr__vsebina ul { display: grid; gap: .35rem; margin-block: .75rem 0; padding-left: 0; list-style: none; }
.pr__vsebina ul li { position: relative; padding-left: 1.6rem; }
.pr__vsebina ul li::before {
  content: ""; position: absolute; left: .2rem; top: .62em; width: .7rem; height: .7rem;
  background: var(--c-oranzna); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);   /* šestkotnik */
}
.pr__opomba { margin-top: clamp(2.5rem, 5vw, 3.5rem) !important; padding: .8rem 1rem; border-radius: 12px; background: #fdf3e2; border: 1px dashed #efc58c; font-size: var(--fs-majhno) !important; color: var(--c-besedilo-blago); }

@media (max-width: 960px) {
  .pr__mreza { grid-template-columns: 1fr; }
  .pr__kazalo { position: static; }
}