/* MARJAN ŠAREC – slog spletne strani */
@font-face{font-family:"Barlow";src:url(/assets/pisave/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/pisave/barlow-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/pisave/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/pisave/barlow-600.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/pisave/barlowc-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/pisave/barlowc-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/pisave/barlowc-800.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --modra:#0A3C9A; --temna:#06163D; --mornarska:#0B2A7A; --nebo:#00A3E0; --nebo-svetlo:#7FD3F5;
  --crnilo:#0E1A33; --siva:#4A5A78; --crta:#C9D7EC; --crta-svetla:#DCE3EE; --svetla:#EEF4FB; --sklop:#EAF1FB; --bela:#FFFFFF;
  --zgoscena:"Barlow Condensed","Arial Narrow",sans-serif;
  --tekst:"Barlow","Segoe UI",Helvetica,Arial,sans-serif;
  --rob:clamp(20px,4vw,56px);
  --sirina:1320px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(24px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bela);color:var(--crnilo);font:17px/1.6 var(--tekst);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--mornarska);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--modra)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--nebo);outline-offset:2px}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.past{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.preskok{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--modra);color:#fff;padding:10px 16px}
.preskok:focus{left:8px}
h1,h2,h3{margin:0;line-height:1.1}

/* ---------- glava ---------- */
.glava{background:var(--bela);border-bottom:1px solid var(--crta-svetla);position:relative;z-index:20}
.glava-in{max-width:var(--sirina);margin:0 auto;padding:14px var(--rob);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.logotip{display:block;line-height:0}
.logotip img{height:54px;width:auto}
.meni{display:flex;flex-wrap:wrap;gap:4px 6px;font:600 18px/1 var(--zgoscena);letter-spacing:.05em;text-transform:uppercase}
.meni a{color:var(--crnilo);text-decoration:none;padding:12px 14px;display:block}
.meni a:hover{color:var(--modra);background:var(--svetla)}
.meni a[aria-current="page"]{background:var(--modra);color:#fff}
.meni-gumb{display:none;align-items:center;gap:10px;min-height:46px;padding:0 16px;border:1px solid var(--crta);background:#fff;font:600 17px/1 var(--zgoscena);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.meni-ikona,.meni-ikona::before,.meni-ikona::after{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .2s}
.meni-ikona::before,.meni-ikona::after{content:"";position:absolute;left:0}
.meni-ikona::before{top:-6px}.meni-ikona::after{top:6px}
.meni-gumb[aria-expanded="true"] .meni-ikona{background:transparent}
.meni-gumb[aria-expanded="true"] .meni-ikona::before{transform:translateY(6px) rotate(45deg)}
.meni-gumb[aria-expanded="true"] .meni-ikona::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1060px){
  .logotip img{height:46px}
  .meni-gumb{display:inline-flex}
  .js .meni{display:none;flex-basis:100%;flex-direction:column;gap:0;padding:8px 0 4px;border-top:1px solid var(--crta-svetla)}
  .js .meni.odprt{display:flex}
  .meni a{padding:14px 12px;font-size:20px}
}

/* ---------- skupni elementi ---------- */
.nadnaslov{margin:0;font:600 18px/1.3 var(--zgoscena);letter-spacing:.12em;text-transform:uppercase;color:var(--nebo-svetlo)}
.odsek{max-width:var(--sirina);margin:0 auto;padding:72px var(--rob) 88px}
.odsek-notranji{max-width:var(--sirina);margin:0 auto;padding:0 var(--rob)}
.odsek-glava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.odsek-naslov{font:700 clamp(38px,4.4vw,52px)/1 var(--zgoscena);text-transform:uppercase;color:var(--mornarska)}
.odsek-naslov.manjsi{font-size:clamp(32px,3.2vw,40px);margin-bottom:24px}
.odsek-naslov.svetel{color:#fff}
.odsek-vec{margin:28px 0 0}
.vec{font-weight:600;color:var(--mornarska)}
.vec::after{content:"";display:inline-block;width:.45em;height:.45em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:.4em;vertical-align:.1em}
.meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--siva)}
.meta .kat{color:#0068AD;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.prazno{color:var(--siva)}
.gumb{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--modra);color:#fff;border:0;font-weight:600;text-decoration:none;cursor:pointer}
.gumb:hover{background:var(--mornarska);color:#fff}
.gumb-bel{background:#fff;color:var(--modra)}
.gumb-bel:hover{background:var(--svetla);color:var(--modra)}
.cipi{display:flex;flex-wrap:wrap;gap:8px}
.cipi a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--sklop);color:var(--mornarska);text-decoration:none;font-weight:500;font-size:15px;border-radius:999px}
.cipi a:hover{background:#D9E6F7}
.cipi a.on{background:var(--mornarska);color:#fff}

/* ---------- naslovna (domov) ---------- */
.naslovna{background:#0A2C8C url(/slike/stalne/naslovna.webp) 70% center/cover no-repeat;color:#fff;min-height:clamp(520px,62vw,720px);display:flex}
.naslovna-in{max-width:var(--sirina);width:100%;margin:0 auto;padding:64px var(--rob) 168px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
.naslovna-naslov{font:800 clamp(52px,6.5vw,100px)/.92 var(--zgoscena);text-transform:uppercase;max-width:600px}
.naslovna-uvod{margin:0;max-width:500px;font-size:19px;color:#DCE6F7}
@media (max-width:700px){
  .naslovna{background-image:url(/slike/stalne/naslovna-m.webp);background-position:62% top;background-size:auto 70%;background-color:#0A2C8C;min-height:0}
  .naslovna-in{padding-top:min(78vw,380px);padding-bottom:120px}
  .naslovna-uvod{font-size:17px}
}
.izpostavljeno{max-width:var(--sirina);margin:-104px auto 0;padding:0 var(--rob);position:relative}
.izp-kartica{background:#fff;display:flex;flex-wrap:wrap;box-shadow:0 20px 48px rgba(6,22,61,.18)}
.izp-slika{flex:1 1 420px;min-width:0;display:block;background:var(--svetla)}
.izp-slika img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.izp-besedilo{flex:1 1 380px;padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.izp-naslov{font:700 clamp(30px,3.2vw,42px)/1.02 var(--zgoscena);text-transform:uppercase}
.izp-naslov a{color:var(--crnilo);text-decoration:none}
.izp-naslov a:hover{color:var(--modra)}
.izp-povzetek{margin:0;color:var(--siva)}

/* ---------- kartice objav ---------- */
.mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:48px 32px}
.kartica{display:flex;flex-direction:column;gap:12px}
.kartica-slika{display:block;background:var(--svetla);overflow:hidden}
.kartica-slika img,.slika-prazna{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.slika-prazna{background:var(--modra) url(/slike/stalne/ozadje-novice-m.webp) right top/cover}
.kartica:hover .kartica-slika img{transform:scale(1.03)}
.kartica-naslov{font:600 26px/1.1 var(--zgoscena)}
.kartica-naslov a{color:var(--crnilo);text-decoration:none}
.kartica-naslov a:hover{color:var(--modra);text-decoration:underline;text-decoration-thickness:2px}
@media (prefers-reduced-motion:reduce){.kartica-slika img{transition:none}.kartica:hover .kartica-slika img{transform:none}}

/* ---------- svetli pas: dogodki, mediji ---------- */
.pas-svetel{background:var(--svetla);padding:88px 0}
.dva-stolpca{max-width:var(--sirina);margin:0 auto;padding:0 var(--rob);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px 64px}
.odsek.dva-stolpca{padding-top:72px;padding-bottom:88px}
.dva-stolpca.siroko{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
@media (max-width:900px){.dva-stolpca.siroko{grid-template-columns:1fr}}
.dogodki{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--crta)}
.dogodek{display:flex;gap:20px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--crta)}
.dogodek-datumi{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-width:64px}
.dogodek-datum{width:64px;min-height:64px;background:var(--modra);color:#fff;text-align:center;font-family:var(--zgoscena);line-height:1.05;padding:8px 0;display:flex;flex-direction:column;justify-content:center}
.dogodek-datum i{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.75;margin-bottom:1px}
.vecdnevni .dogodek-datum:last-child{background:var(--mornarska)}
.dogodek-crta{width:10px;height:2px;background:var(--modra)}
@media (max-width:420px){.dogodek-datum{width:56px}.dogodek-datum b{font-size:26px!important}}
.dogodek-datum b{font-size:30px;font-weight:700}
.dogodek-datum span{font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.dogodek-opis h3{font:600 22px/1.15 var(--zgoscena)}
.dogodek-opis h3 a{color:inherit}
.dogodek-opis p{margin:2px 0 0;font-size:15px;color:var(--siva)}
.dogodek-opis .dogodek-povzetek{color:var(--crnilo)}
.mediji{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--crta)}
.medij a{display:flex;flex-wrap:wrap;gap:6px 32px;padding:22px 0;border-top:1px solid var(--crta);text-decoration:none;color:var(--crnilo)}
.medij a:hover .medij-naslov{color:var(--modra);text-decoration:underline}
.medij-datum{flex:0 0 160px;font-size:15px;color:var(--siva);padding-top:2px}
.medij-telo{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:4px}
.medij-naslov{font:600 25px/1.15 var(--zgoscena)}
.medij-povzetek{color:var(--siva);font-size:16px}
.zunanja{display:inline-block;width:.5em;height:.5em;border-top:2px solid currentColor;border-right:2px solid currentColor;margin-left:.35em;vertical-align:.15em}
.mediji.kratko{border:0;display:flex;flex-direction:column;gap:14px}
.mediji.kratko .medij a{background:#fff;border:0;padding:20px 24px}
.mediji.kratko .medij-telo{flex-basis:100%}
.mediji.kratko .medij-naslov{font-size:23px}

/* ---------- V medijih (podstran) ---------- */
.stevci{display:flex;flex-wrap:wrap;gap:16px 48px;margin:0 0 36px;padding:0 0 28px;border-bottom:1px solid var(--crta)}
.stevci div{display:flex;flex-direction:column-reverse}
.stevci dt{font-size:14px;color:var(--siva);text-transform:uppercase;letter-spacing:.08em}
.stevci dd{margin:0;font:800 48px/1 var(--zgoscena);color:var(--mornarska)}
.cipi .st{font-size:13px;opacity:.7;margin-left:4px}
.leto-naslov{font:800 40px/1 var(--zgoscena);color:var(--nebo);margin:48px 0 8px}
.cipi+.leto-naslov{margin-top:40px}
.opomba-mediji{margin:40px 0 0;font-size:14px;color:var(--siva)}

/* ---------- pas EU parlament (domov) ---------- */
.pas-parlament{background:#0B1E4F url(/slike/stalne/parlament.webp) center/cover no-repeat;color:#fff}
.pas-parlament-in{max-width:var(--sirina);margin:0 auto;padding:104px var(--rob);display:flex;flex-direction:column;gap:24px}
.pas-parlament .pas-uvod{margin:0;max-width:560px;color:#DCE6F7}
.odbori-kratko{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;max-width:920px}
.odbori-kratko a{display:block;padding:22px 24px;background:rgba(6,22,61,.78);color:#fff;text-decoration:none}
.odbori-kratko a:hover{background:rgba(6,22,61,.92)}
.odbori-kratko b{display:block;font:700 32px/1.1 var(--zgoscena);color:var(--nebo-svetlo)}

/* ---------- pasovi podstrani ---------- */
.pas{color:#fff;background:#0A2C8C url(/slike/stalne/ozadje-novice.webp) right top/cover no-repeat}
.pas-in{max-width:var(--sirina);margin:0 auto;min-height:340px;padding:64px var(--rob);display:flex;flex-direction:column;justify-content:flex-end;gap:14px}
.pas-naslov{font:800 clamp(48px,6vw,84px)/.95 var(--zgoscena);text-transform:uppercase;max-width:900px}
.pas-uvod{margin:0;max-width:640px;font-size:19px;color:#DCE6F7}
.pas-kontakt{background-image:url(/slike/stalne/ozadje-kontakt.webp);background-position:right center}
.pas-dogodki{background:#AFD3EA url(/slike/stalne/ozadje-dogodki.webp) right center/cover no-repeat;color:var(--mornarska)}
.pas-dogodki .nadnaslov{color:#005E9E}.pas-dogodki .pas-uvod{color:#24365C}
.pas-marjan{background:#0B1E4F url(/slike/stalne/marjan.webp) 65% 25%/cover no-repeat}
.pas-marjan .pas-in{min-height:clamp(420px,46vw,560px)}
.pas-parlament-vrh{background:#0B1E4F url(/slike/stalne/parlament.webp) center 35%/cover no-repeat}
.pas-parlament-vrh .pas-in{min-height:480px}
@media (max-width:700px){
  .pas{background-image:url(/slike/stalne/ozadje-novice-m.webp)}
  .pas-kontakt{background-image:url(/slike/stalne/ozadje-kontakt-m.webp)}
  .pas-dogodki{background-image:url(/slike/stalne/ozadje-dogodki-m.webp)}
  .pas-marjan{background-image:url(/slike/stalne/marjan-m.webp)}
  .pas-parlament-vrh,.pas-parlament{background-image:url(/slike/stalne/parlament-m.webp)}
  .pas-in{min-height:260px}
  .pas-uvod{font-size:17px}
}

/* ---------- seznam objav ---------- */
.orodja{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
.iskanje label{display:block;font-size:15px;color:var(--siva);margin-bottom:6px}
.iskanje-vrstica{display:flex}
.iskanje input,.zaklep input{min-height:48px;padding:0 14px;border:1px solid var(--crta);border-right:0;background:#fff;width:min(280px,60vw);border-radius:0}
.iskanje button,.zaklep button{min-height:48px;padding:0 20px;border:0;background:var(--modra);color:#fff;font-weight:600;cursor:pointer}
.rezultat{margin:-20px 0 32px;color:var(--siva)}
.strani{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:64px}
.strani a,.strani span{min-width:44px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:var(--sklop);text-decoration:none}
.strani span[aria-current]{background:var(--mornarska);color:#fff}
.strani .vmes{background:none}

/* ---------- posamezna objava ---------- */
.predogled{margin:0;padding:12px var(--rob);background:#FFF1DB;color:#7A4A00;font-weight:600;text-align:center}
.clanek-glava{background:#0A2C8C url(/slike/stalne/ozadje-novice.webp) right top/cover no-repeat;color:#fff}
.clanek-glava-in{max-width:920px;margin:0 auto;padding:64px var(--rob) 140px;display:flex;flex-direction:column;gap:16px}
.clanek-glava h1{font:700 clamp(36px,4.6vw,60px)/1.02 var(--zgoscena);text-transform:uppercase}
.drobtine{margin:0;font-size:15px;color:#DCE6F7}
.drobtine a{color:var(--nebo-svetlo)}
.clanek-datum{margin:0;font-size:15px;color:#DCE6F7}
.clanek-slika{max-width:1040px;margin:-96px auto 0;padding:0 var(--rob);min-height:24px}
.clanek-slika img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--svetla)}
.clanek-telo{max-width:768px;margin:0 auto;padding:48px var(--rob) 72px;font-size:19px;line-height:1.7}
.clanek-telo p{margin:0 0 22px}
.clanek-uvod{font-size:22px;line-height:1.55;font-weight:500;color:var(--mornarska)}
.clanek-telo h2{font:700 34px/1.1 var(--zgoscena);text-transform:uppercase;color:var(--mornarska);margin:44px 0 16px}
.clanek-telo h3{font:600 26px/1.15 var(--zgoscena);margin:32px 0 12px}
.clanek-telo ul,.clanek-telo ol{margin:0 0 22px;padding-left:1.3em}
.clanek-telo li{margin-bottom:6px}
.clanek-telo blockquote{margin:32px 0;padding:0 0 0 24px;border-left:4px solid var(--nebo);font-size:22px;line-height:1.5;color:var(--mornarska)}
.clanek-telo blockquote p{margin:0}
.fig{margin:32px 0}
.fig img{width:100%}
.fig figcaption,.video figcaption{font-size:14px;color:var(--siva);margin-top:8px}
.fig.vel-siroka{margin-left:calc(-1 * min(120px, (100vw - 768px) / 2));margin-right:calc(-1 * min(120px, (100vw - 768px) / 2))}
@media (max-width:1010px){.fig.vel-siroka{margin-left:0;margin-right:0}}
.galerija{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin:32px 0}
.galerija.st-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.galerija .fig{margin:0}
.galerija .fig img{aspect-ratio:4/3;object-fit:cover}
.povecaj{display:block;cursor:zoom-in}
.video{margin:32px 0}
.video-ovoj{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:16/9;border:0;background:var(--temna) url(/slike/stalne/ozadje-novice-m.webp) center/cover;color:#fff;cursor:pointer;padding:20px}
.video-gumb{width:72px;height:72px;border-radius:50%;background:var(--nebo);position:relative}
.video-gumb::after{content:"";position:absolute;left:29px;top:22px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.video-napis{font:700 20px/1 var(--zgoscena);text-transform:uppercase;letter-spacing:.06em}
.video-opomba{font-size:13px;color:#C9D6EE}
.video iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.video.pokoncen{max-width:400px;margin-left:auto;margin-right:auto}
.video.pokoncen .video-ovoj,.video.pokoncen iframe{aspect-ratio:4/5}
.fb-ovoj{display:flex;justify-content:center;background:transparent}
.fb-ovoj .fb-video,.fb-ovoj .fb-video>span{max-width:100%}
.video.fb-nalozen iframe{aspect-ratio:auto;background:transparent}
.video-izvirnik{font-weight:500}
.deli{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--crta-svetla);font-size:15px;color:var(--siva)}
.deli span{margin-right:4px}
.deli a,.deli button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;background:var(--sklop);border:0;text-decoration:none;font-weight:500;color:var(--mornarska);cursor:pointer;font-size:15px}
.deli a:hover,.deli button:hover{background:#D9E6F7}
.povecava{position:fixed;inset:0;z-index:50;background:rgba(6,22,61,.94);display:flex;align-items:center;justify-content:center;padding:24px}
.povecava img{max-height:calc(100vh - 48px);width:auto;max-width:100%}
.povecava .pov-nav{position:absolute;top:50%;transform:translateY(-50%);right:auto;min-width:52px;min-height:64px;font-size:24px}
.povecava .pov-nav.prej{left:12px}.povecava .pov-nav.nasl{right:12px;left:auto}
.povecava .pov-st{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#DCE6F7;font-size:14px}
.povecava figcaption{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));left:24px;right:24px;text-align:center;color:#fff;font-size:15px}
.povecava button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;min-width:48px;min-height:48px;border:0;background:#fff;color:var(--temna);font-weight:600;cursor:pointer}

/* ---------- Marjan! ---------- */
.uvodna-misel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px 56px;padding-bottom:24px}
.uvodna-misel p{margin:0;font-size:21px;line-height:1.55}
@media (max-width:800px){.uvodna-misel{grid-template-columns:1fr}}
.casovnica{padding-top:24px}
.mejnik{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 48px;padding:40px 0;border-top:1px solid var(--crta)}
.mejnik-leto .leto{display:block;font:800 clamp(46px,5vw,64px)/.9 var(--zgoscena);color:var(--mornarska)}
.mejnik-leto .kraj{display:block;font:600 20px/1.2 var(--zgoscena);text-transform:uppercase;letter-spacing:.08em;color:#0068AD;margin-top:6px}
.mejnik-besedilo p{margin:0 0 16px;max-width:720px}
@media (max-width:760px){.mejnik{grid-template-columns:1fr}}
.casovnica>p,.casovnica>h2{max-width:768px}

/* ---------- Evropski parlament ---------- */
.odbori{padding-top:40px}
.odbor{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:56px 0;border-top:1px solid var(--crta);scroll-margin-top:24px}
.odbor:first-child{border-top:0}
.odbor-slika{flex:1 1 360px;min-width:0;aspect-ratio:3/2;object-fit:cover;width:100%}
.odbor .slika-prazna{flex:1 1 360px}
.odbor-besedilo{flex:1 1 440px}
.odbor-kratica{margin:0;font:800 56px/.9 var(--zgoscena);color:var(--nebo)}
.odbor h2{font:700 32px/1.1 var(--zgoscena);text-transform:uppercase;color:var(--mornarska);margin:8px 0 16px}
.odbor p{margin:0 0 14px}
.pas-skupina{background:#0B1E4F url(/slike/stalne/zastava.webp) center/cover no-repeat;color:#fff}
.pas-skupina-in{max-width:var(--sirina);margin:0 auto;padding:72px var(--rob);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px}
.pas-skupina img{height:32px;width:auto;margin-top:12px}
.pas-skupina a{display:inline-block;line-height:0}

/* ---------- kontakt ---------- */
.obrazec{display:flex;flex-direction:column;gap:18px;max-width:620px}
.obrazec label{display:flex;flex-direction:column;gap:6px;font-weight:500}
.obrazec input[type=text],.obrazec input[type=email],.obrazec textarea{min-height:50px;padding:10px 14px;border:1px solid var(--crta);background:#fff;width:100%;border-radius:0}
.obrazec textarea{resize:vertical}
.obrazec .kljukica{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:15px;color:#2E3F60}
.obrazec .kljukica input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--modra)}
.obrazec .gumb{align-self:flex-start}
.obvestilo{padding:18px 20px;margin-bottom:20px}
.obvestilo p{margin:0}
.obvestilo.ok{background:#E3F4E8;color:#14532D}
.obvestilo.napaka{background:#FDECEC;color:#8B1414}
.kontakt-podatki p{margin:0 0 14px}
.kontakt-podatki .velik{font-size:20px;font-weight:600}
.pisarne{max-width:var(--sirina);margin:0 auto;padding:0 var(--rob);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.pisarna{background:#fff;padding:32px;display:flex;flex-direction:column;gap:6px}
.pisarna h2{font:700 30px/1.1 var(--zgoscena);text-transform:uppercase;color:var(--mornarska);margin-bottom:8px}
.pisarna p{margin:0 0 8px;color:#2E3F60}
.pisarna a{font-weight:500;word-break:break-word}

/* ---------- dogodki (podstran) ---------- */
.pretekli{list-style:none;margin:0;padding:0}
.pretekli li{display:flex;flex-wrap:wrap;gap:2px 16px;padding:12px 0;border-top:1px solid var(--crta-svetla);font-size:16px}
.pretekli time{flex:0 0 150px;color:var(--siva)}
.pretekli .kraj{color:var(--siva)}

/* ---------- 404 ---------- */
.velik-uvod{font-size:21px;max-width:640px}

/* ---------- noga ---------- */
.noga{background:var(--temna);color:#C9D6EE;padding:72px var(--rob) 40px}
.noga a{color:#C9D6EE;text-decoration:none}
.noga a:hover{color:#fff;text-decoration:underline}
.noga-in{max-width:1256px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.noga-podpis{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:15px}
.noga-podpis img{height:72px;width:auto;margin-bottom:6px}
.druzbena{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.noga-meni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 40px;font-size:15px;align-content:start}
.noga-meni a{padding:6px 0}
.noga-clan{display:flex;flex-direction:column;gap:16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#93A6CA}
.noga-clan div{display:flex;align-items:center;gap:28px}
.noga-clan a{display:block;line-height:0;opacity:.9}
.noga-clan a:hover{opacity:1;text-decoration:none}
.noga-clan img[alt="Renew Europe"]{height:20px;width:auto}
.noga-clan img[alt="Gibanje Svoboda"]{height:26px;width:auto}
.noga-spodaj{max-width:1256px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(201,214,238,.2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#93A6CA}
.noga-spodaj a{color:#93A6CA}

/* ---------- zaklep ---------- */
.zaklep{min-height:100vh;background:#0A2C8C url(/slike/stalne/ozadje-kontakt.webp) center/cover;color:#fff;display:flex;align-items:center;justify-content:center;padding:24px}
.zaklep-in{max-width:420px;width:100%;display:flex;flex-direction:column;gap:20px}
.zaklep-in img{width:280px;max-width:80%}
.zaklep-in p{margin:0;font-size:19px}
.zaklep label{display:block;font-size:15px;margin-bottom:6px;color:#DCE6F7}
.zaklep input{color:var(--crnilo);width:100%;border-color:#fff}
.zaklep button{background:var(--nebo);color:var(--temna)}
.zaklep .napaka{color:#FFD1D1;margin-top:10px;font-size:15px}

@media print{.glava,.noga,.deli,.pas-svetel,.meni-gumb{display:none!important}.clanek-glava,.pas{background:none!important;color:#000}.clanek-slika{margin-top:0}}