/* Dopolnitve skupne javne postavitve iz /stil.css in /pregled.css. */
.video-zavihki a[aria-current="page"]{background:var(--papir);color:var(--zelena);border-bottom-color:var(--zelena)}
.video-vsebina{padding-top:.5rem}
.video-zasebnost{margin:1.5rem 0 2rem}
.video-zasebnost h2{margin:0 0 .75rem;font-size:1.15rem}
.video-podrobnosti summary{cursor:pointer;color:var(--zelena);font-weight:600;padding:.5rem 0}
.video-podrobnosti summary:focus-visible{outline:3px solid var(--zelena);outline-offset:3px}
.video-podrobnosti[open] summary{margin-bottom:.5rem}
.video-podrobnosti p{font-size:.95rem}
.video-podrobnosti p:last-child{margin-bottom:0}
.video-seznam{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:1.5rem}
.video-kartica{min-width:0;padding:1.5rem;background:var(--papir);border:1px solid var(--rob);border-top:5px solid var(--limeta);border-radius:20px;box-shadow:var(--senca);overflow-wrap:anywhere}
/* Naslovi kartic so manj odebeljeni (500 namesto 700; naročnik 31. 10. 2026). */
.video-kartica h2{margin:0 0 .85rem;color:var(--zelena);font-size:1.5rem;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.video-predvajalnik iframe{display:block;border:0;width:100%;height:560px;max-height:75vh;background:var(--ozadje);border-radius:10px}
/* Oblika okvirja je shranjena pri videu (video_oblika()); ležeči videi ne dobijo praznega pokončnega prostora. */
.video-predvajalnik iframe.oblika-lezeca{height:auto;aspect-ratio:16/9}
.video-predvajalnik iframe.oblika-pokoncna{width:auto;max-width:100%;height:min(560px,75vh);aspect-ratio:9/16;margin:0 auto}
.video-predvajalnik iframe.oblika-pokoncna[data-omrezje="instagram"]{width:min(100%,22rem);height:min(46rem,85vh);aspect-ratio:auto}
.video-dejanja{display:flex;gap:.5rem;flex-wrap:wrap}
.video-dejanja .gumb{margin:0;white-space:normal;text-align:left;max-width:100%;padding:.65rem 1rem}
.video-stanje{font-size:.9rem;color:var(--pridusen)}
.video-strani{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.video-strani a{padding:.5rem 0;font-weight:600}
.video-prazno{margin-top:0}
/* Župan_ja? (zupan.php): izbira kandidatke ali kandidata, dnevi objave, soočenja. */
.video-kartica h3,.video-kartica h4{margin:0 0 .85rem;color:var(--zelena);font-size:1.35rem;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.zupan-izbira{margin:0 0 1.5rem}
.zupan-izbira p{margin:0 0 .5rem;font-weight:600}
.zupan-izbira ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.zupan-izbira a{display:inline-block;padding:.45rem .9rem;border:2px solid var(--zelena);border-radius:999px;color:var(--zelena);font-weight:600;text-decoration:none}
.zupan-izbira a:hover{background:var(--ozadje)}
.zupan-izbira a[aria-current="page"]{background:var(--zelena);color:var(--papir)}
.zupan-dan{margin:2rem 0 1rem;font-size:1.2rem}
/* Podatki osebe iz javne objave OVK (zupan_podatki_html()). */
.zupan-oseba{margin:0 0 2rem;overflow-wrap:anywhere}
.zupan-oseba h3{margin:0 0 .85rem;color:var(--zelena);font-size:1.3rem;line-height:1.25}
.zupan-oseba dl{margin:0;display:grid;grid-template-columns:minmax(0,16rem) minmax(0,1fr);gap:.45rem 1.25rem}
.zupan-oseba dl div{display:contents}
.zupan-oseba dt{font-weight:600}
.zupan-oseba dd{margin:0}
.zupan-vir{margin:1rem 0 0;font-size:.9rem}
/* Seznam po vrstnem redu na glasovnici pod videi (zupan_glasovnica_html(), naročnik 1. 11. 2026). */
.zupan-glasovnica{margin:2.5rem 0 0}
.zupan-glasovnica ol{margin:.5rem 0 0;padding-left:1.6rem}
.zupan-glasovnica li{margin:0 0 .7rem;padding-left:.2rem}
.zupan-glasovnica li a{font-weight:600}
.zupan-glasovnica li span{display:block;font-size:.95rem}
@media (max-width:43.99rem){.zupan-oseba dl{grid-template-columns:minmax(0,1fr);gap:0}.zupan-oseba dd{margin-bottom:.6rem}}
/* Na telefonu navigacija ni prilepljena (pregled.css); odmik, da barvni trak ne prekrije naslova po skoku na sidro. */
@media (max-width:47.99rem),(max-height:31.99rem){.video-vsebina [id]{scroll-margin-top:1rem}}
.zupan-soocenja{margin:0 0 2.5rem}
/* Eno soglasje za vse videe na strani Župan_ja? (zupan.js). */
.video-soglasje{box-sizing:border-box;width:calc(100% - 2rem);max-width:36rem;max-height:calc(100% - 2rem);overflow:auto;padding:1.5rem;border:0;border-top:5px solid var(--limeta);border-radius:20px;background:var(--papir);color:var(--crnilo);box-shadow:var(--senca)}
.video-soglasje::backdrop{background:rgba(0,0,0,.6)}
.video-soglasje h2{margin:0 0 .75rem;color:var(--zelena);font-size:1.4rem}
.video-soglasje-gumbi{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 1rem}
.video-soglasje-gumbi .gumb{margin:0;white-space:normal}
.video-soglasje-povezave{margin:0;font-size:.9rem}
.video-zasebnost[hidden],[data-stanje][hidden]{display:none}
.video-zasebnost [data-stanje]{margin:0}
.video-zasebnost [data-stanje] .gumb{margin:.5rem 0 0}
.video-prazno p{margin:0}
@media(max-width:600px){.video-kartica{padding:1.1rem .9rem;border-radius:14px}.video-seznam{gap:1rem}.video-zavihki a{padding:.65rem .6rem;font-size:.95rem}}

/* Župan_ja?: vsak dan v dveh stolpcih (zupan_stolpca()). Pokončen video je visok kot dva ležeča s
   presledkom, prazen prostor zapolni programska grafika; noben video ni čez obe širini. Na telefonu
   en stolpec v časovnem vrstnem redu (vrstni-red-N). Polnila in raztezanje veljajo, ko so
   predvajalniki dovoljeni (razred predvajalniki na html, zupan.js). */
.zupan-stolpca,.zupan-en-stolpec{display:flex;flex-direction:column;gap:1.5rem;margin:0 0 1.5rem}
.zupan-stolpec{display:contents}
.zupan-polnilo{display:none}
/* Prostor za predvajalnik je rezerviran, preden ga zupan.js ustvari (ko se kartica približa zaslonu),
   zato stran ob drsenju ne poskakuje. */
.predvajalniki [data-video-url] .video-predvajalnik{border-radius:10px;background:var(--ozadje)}
.predvajalniki [data-video-url][data-oblika="lezeca"] .video-predvajalnik{aspect-ratio:16/9}
.predvajalniki [data-video-url][data-oblika="pokoncna"] .video-predvajalnik{height:min(560px,75vh)}
.predvajalniki [data-video-url][data-oblika="pokoncna"][data-omrezje="instagram"] .video-predvajalnik{height:min(46rem,85vh)}
@media (max-width:43.99rem){.vrstni-red-1{order:1}.vrstni-red-2{order:2}.vrstni-red-3{order:3}.vrstni-red-4{order:4}.vrstni-red-5{order:5}.vrstni-red-6{order:6}.vrstni-red-7{order:7}.vrstni-red-8{order:8}.vrstni-red-9{order:9}.vrstni-red-10{order:10}.vrstni-red-11{order:11}.vrstni-red-12{order:12}.vrstni-red-13{order:13}.vrstni-red-14{order:14}.vrstni-red-15{order:15}.vrstni-red-16{order:16}.vrstni-red-17{order:17}.vrstni-red-18{order:18}.vrstni-red-19{order:19}.vrstni-red-20{order:20}.vrstni-red-21{order:21}.vrstni-red-22{order:22}.vrstni-red-23{order:23}.vrstni-red-24{order:24}.vrstni-red-25{order:25}.vrstni-red-26{order:26}.vrstni-red-27{order:27}.vrstni-red-28{order:28}.vrstni-red-29{order:29}.vrstni-red-30{order:30}}
@media (min-width:44rem){
  .zupan-stolpca{flex-direction:row;align-items:stretch}
  .zupan-stolpec{display:flex;flex-direction:column;gap:1.5rem;flex:1 1 0;min-width:0}
  .predvajalniki .zupan-polnilo{display:block;position:relative;flex:1 1 auto;min-height:10rem}
  /* Polnilo je na podlagi strani, brez okvirja kartice, z 70 % prekrivnostjo (naročnik 31. 10. 2026). */
  .zupan-polnilo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(calc(100% - 3rem),14rem);height:min(calc(100% - 3rem),14rem);object-fit:contain;opacity:.7}
  .predvajalniki .zupan-stolpec .video-kartica[data-oblika="pokoncna"]{flex:1 1 auto;display:flex;flex-direction:column}
  .predvajalniki .zupan-stolpec .video-kartica[data-oblika="pokoncna"] .video-predvajalnik{flex:1 1 auto;position:relative;height:auto;min-height:32rem;container-type:inline-size;background:none}
  .zupan-stolpec .video-kartica[data-oblika="pokoncna"] .video-predvajalnik iframe{position:absolute;top:0;left:50%;transform:translateX(-50%);height:min(100%,calc(100cqw * 16 / 9));width:auto;max-width:100%;aspect-ratio:9/16;margin:0}
  /* Ob soočenjih je namesto programskega znaka kralj in kraljica s slike za deljenje, v polni barvi in tudi
     brez soglasja za predvajalnike (naročnik 31. 10. 2026). */
  .zupan-polnilo.zupan-znak{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:10rem}
  .zupan-polnilo.zupan-znak img{position:static;transform:none;width:min(100%,22rem);height:auto;opacity:1}
}
