/* partners.css: jobbit.io/partners po handoffu "design_handoff_partners" (18. 9. 2026).
   Samo odseki med glavo in nogo; glava, noga, pisava in spremenljivke so iz styles.css.
   Limeta je --neon (enaka kot gumb v glavi), ne #C7E70F iz prototipa, da na isti strani
   nista dve razlicni limeti. Razredi imajo predpono pp- (stari pa- so v styles.css). */
.pp{--pp-lime:var(--neon); --pp-lime-rgb:190,237,10; --pp-ink:#0B1D17; --pp-p:#41544D; --pp-fine:#5A6B65; --pp-green:#0E7A57;}
.pp .pp-lbl{display:block; font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;}
.pp .pp-h2{margin:0; font-size:40px; line-height:1.06; font-weight:500; letter-spacing:-.035em; text-wrap:pretty;}
.pp .pp-lbl-vrsta{display:flex; align-items:center; gap:12px;}
.pp .pp-lbl-vrsta .pp-lbl{white-space:nowrap;}
.pp .pp-lbl-vrsta::after{content:""; flex:1; height:1px; background:rgba(255,255,255,.12);}

/* ---------- gumbi ---------- */
.pp-btn{display:inline-flex; align-items:center; justify-content:center; gap:12px; height:60px; padding:0 34px; border-radius:7px;
  font-size:18px; font-weight:500; letter-spacing:-.015em; white-space:nowrap; text-decoration:none;
  transition:transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out, background .18s ease-out;}
.pp-btn:hover{transform:translateY(-2px);}
.pp-btn--lime{background:var(--pp-lime); color:var(--pp-ink); box-shadow:0 10px 26px rgba(var(--pp-lime-rgb),.22);}
.pp-btn--lime:hover{box-shadow:0 14px 30px rgba(var(--pp-lime-rgb),.32); color:var(--pp-ink);}
.pp-btn--line{padding:0 30px; font-size:17px; color:#fff; border:1.5px solid rgba(255,255,255,.28);}
.pp-btn--line:hover{border-color:rgba(255,255,255,.6); color:#fff;}
.pp-btn--dark{background:var(--pp-ink); color:#fff;}
.pp-btn--dark:hover{color:#fff;}
.pp-puscica{font-size:18px; line-height:1;}

/* ---------- 1. hero ---------- */
.pp-hero{background:radial-gradient(90% 120% at 50% 0%, #12503A 0%, #0A2C20 48%, #04180F 100%);}
/* Navpicni razmiki so na odsekih in notranjih blokih, ne na .wrap: styles.css ima pri <=480 px
   .wrap{padding:0 16px !important}, ki bi jih pobrisal. */
.pp-hero .wrap{position:relative;}
.pp-hero-maskota{position:absolute; left:8px; bottom:0; width:auto; height:auto; max-height:268px; max-width:17%; display:block; pointer-events:none;}
.pp-hero-txt{position:relative; z-index:2; max-width:760px; margin:0 auto; padding:92px 0 96px; display:flex; flex-direction:column; align-items:center; text-align:center;}
.pp-hero .pp-lbl{color:var(--pp-lime); margin-bottom:24px;}
.pp-h1{margin:0 0 24px; font-size:62px; line-height:1.02; font-weight:500; letter-spacing:-.04em; color:#fff; text-wrap:pretty;}
.pp-lead{margin:0 0 38px; max-width:620px; font-size:17px; line-height:1.6; color:rgba(255,255,255,.76);}
.pp-btns{display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:24px; flex-wrap:wrap;}
.pp-trgi{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
.pp-trgi-lbl{font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.62); white-space:nowrap;}
.pp-trg{display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid rgba(var(--pp-lime-rgb),.32);
  background:rgba(var(--pp-lime-rgb),.08); font-size:13px; font-weight:500; color:#fff; white-space:nowrap;}
.pp-trg i{width:6px; height:6px; border-radius:99px; background:var(--pp-lime); display:block; flex:none;}

/* ---------- 2. trak logotipov ---------- */
.pp-logi{background:#EEF3F1; border-top:1px solid #DFE6E2; padding:32px 0 34px; display:flex; flex-direction:column; gap:40px;}
.pp-logi .pp-lbl{text-align:center; letter-spacing:.19em; color:var(--pp-fine); padding:0 20px;}
.pp-trak{overflow:hidden; max-width:1560px; margin:0 auto; width:100%;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);}
/* Razmik je desni rob vsakega logotipa (ne gap), zato je polovica traku natanko en niz
   z enim razmikom in zanka nima skoka. */
.pp-niz{display:flex; align-items:center; width:max-content; animation:pp-levo 42s linear infinite;}
.pp-trak--desno .pp-niz{animation:pp-desno 48s linear infinite;}
.pp-trak:hover .pp-niz{animation-play-state:paused;}
.pp-niz img{height:26px; width:auto; margin-right:88px; flex:none; filter:grayscale(1) brightness(.34) contrast(1.15); opacity:.8;}
@keyframes pp-levo{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@keyframes pp-desno{from{transform:translateX(-50%);} to{transform:translateX(0);}}
@media (prefers-reduced-motion:reduce){ .pp-niz{animation:none !important;} }
.pp-logi-p{margin:0 auto; max-width:640px; padding:0 32px; text-align:center; font-size:13.5px; line-height:1.6; color:var(--pp-p);}

/* ---------- 3. what jobbit does ---------- */
.pp-kaj{background:#F8FAF9;}
.pp-kaj{padding:74px 0 84px;}
.pp-glava{display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:34px;}
.pp-glava > div{max-width:620px;}
.pp-glava .pp-lbl{color:var(--pp-green); margin-bottom:18px;}
.pp-glava .pp-h2{color:var(--pp-ink);}
.pp-kaj .pp-h2{line-height:1.1;}
.pp-glava > p{margin:0; max-width:360px; font-size:15.5px; line-height:1.6; color:var(--pp-p);}
.pp-plosca{background:#08241B; border-radius:22px; padding:30px 34px 36px; box-shadow:0 18px 40px rgba(4,24,15,.18);}
.pp-plosca-glava{display:flex; align-items:center; gap:9px; margin-bottom:26px;}
.pp-pika{width:7px; height:7px; border-radius:999px; background:var(--pp-lime); display:block; flex:none;}
.pp-plosca-lbl{font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.7);}
.pp-postaje{position:relative; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:36px;}
.pp-postaje::before{content:""; position:absolute; left:21px; right:21px; top:17px; height:1px; background:rgba(var(--pp-lime-rgb),.32);}
.pp-postaja{position:relative; display:flex; flex-direction:column; gap:14px; padding:14px 16px 16px; margin:-14px -16px -16px;
  border-radius:14px; border:1px solid transparent; transition:background .18s ease-out, border-color .18s ease-out, transform .18s ease-out;}
.pp-postaja:hover{background:rgba(var(--pp-lime-rgb),.08); border-color:rgba(var(--pp-lime-rgb),.34); transform:translateY(-4px);}
/* Znacka je neprosojna (bela 8 % na #08241B), da crta pod njo ne presije. */
.pp-st{width:42px; height:34px; border-radius:10px; background:#1B3A30; color:rgba(255,255,255,.82); display:flex; align-items:center;
  justify-content:center; font-size:13px; font-weight:500; letter-spacing:.04em;}
.pp-postaja--zadnja .pp-st{background:var(--pp-lime); color:var(--pp-ink);}
.pp-postaja h3{margin:0; font-size:18px; font-weight:500; letter-spacing:-.02em; color:#fff; line-height:1.24;}
.pp-postaja p{margin:0; font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.66);}

/* ---------- 4. the partnership ---------- */
.pp-partnerstvo{background:linear-gradient(140deg, #0A3C2C 0%, #052016 58%, #02120C 100%);}
.pp-partnerstvo{padding:66px 0 76px;}
.pp-uvod{max-width:740px; margin-bottom:44px;}
.pp-partnerstvo .pp-lbl{color:var(--pp-lime); margin-bottom:16px;}
.pp-partnerstvo .pp-h2{font-size:42px; color:#fff; margin-bottom:16px;}
.pp-uvod p{margin:0; max-width:620px; font-size:16.5px; line-height:1.6; color:rgba(255,255,255,.74);}
.pp-pasova{display:flex; flex-direction:column; gap:16px;}
.pp-pas{border-radius:18px; border:1px solid rgba(255,255,255,.18); padding:22px 24px; display:flex; align-items:center; gap:24px;}
.pp-pas-lbl{flex:0 0 150px; font-size:12px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:#fff;}
.pp-zetoni{flex:1; min-width:0; display:flex; flex-wrap:wrap; gap:12px; margin:0; padding:0; list-style:none;}
.pp-zeton{padding:14px 20px; border-radius:999px; border:1.5px solid rgba(255,255,255,.5); background:rgba(255,255,255,.1); font-size:16.5px;
  line-height:1.2; color:#fff; white-space:nowrap; transition:transform .16s ease-out, background .16s ease-out, color .16s ease-out;}
.pp-zeton:hover{transform:translateY(-3px); background:rgba(255,255,255,.2);}
.pp-pas--jobbit{border:1.5px solid var(--pp-lime); background:rgba(var(--pp-lime-rgb),.09); box-shadow:0 0 44px rgba(var(--pp-lime-rgb),.12);}
.pp-pas--jobbit .pp-pas-lbl{color:var(--pp-lime);}
.pp-pas--jobbit .pp-zeton{border-color:var(--pp-lime); background:rgba(var(--pp-lime-rgb),.22); color:#EAF9A6;}
.pp-pas--jobbit .pp-zeton:hover{background:var(--pp-lime); color:var(--pp-ink);}

/* ---------- 5. who we're looking for ---------- */
.pp-kdo{background:#F2F6F4; border-top:1px solid #E2E9E5;}
.pp-kdo{padding:66px 0 76px;}
.pp-kdo .pp-glava{margin-bottom:38px;}
.pp-kdo .pp-glava > div{max-width:640px;}
.pp-kdo .pp-glava .pp-lbl{margin-bottom:16px;}
.pp-kdo-mreza{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:18px; align-items:stretch;}
.pp-profili{display:flex; flex-direction:column; gap:2px;}
.pp-profil{display:flex; align-items:center; gap:18px; background:#fff; border:1px solid #E2E9E5; border-radius:12px; padding:18px 22px;
  transition:border-color .16s ease-out, transform .16s ease-out;}
.pp-profil:hover{border-color:var(--pp-green); transform:translateX(5px);}
.pp-ikona{flex:0 0 auto; width:38px; height:38px; border-radius:10px; background:#EAF7EF; color:var(--pp-green); display:flex; align-items:center; justify-content:center;}
.pp-ikona svg{width:19px; height:19px; display:block;}
.pp-profil h3{flex:0 0 232px; margin:0; font-size:18px; font-weight:500; letter-spacing:-.02em; color:var(--pp-ink);}
.pp-profil p{flex:1; min-width:0; margin:0; font-size:14px; line-height:1.55; color:var(--pp-fine);}
.pp-imenovalec{background:var(--pp-ink); border-radius:18px; padding:28px 26px; display:flex; flex-direction:column; justify-content:center; gap:16px;}
.pp-imenovalec .pp-lbl{letter-spacing:.16em; color:var(--pp-lime);}
.pp-imenovalec-glavno{margin:0; font-size:20px; line-height:1.4; color:#fff; letter-spacing:-.015em;}
.pp-crta{height:1px; background:rgba(255,255,255,.14);}
.pp-imenovalec-drobno{margin:0; font-size:14px; line-height:1.6; color:rgba(255,255,255,.72);}

/* ---------- 6. start with a pilot ---------- */
.pp-pilot{background:#04180F;}
.pp-pilot{padding:70px 0 64px;}
.pp-pilot .pp-lbl-vrsta{margin-bottom:14px;}
.pp-pilot .pp-lbl{color:var(--pp-lime);}
.pp-pilot .pp-h2{color:#fff; max-width:700px; margin-bottom:14px;}
.pp-pilot-p{margin:0 0 36px; max-width:640px; font-size:16.5px; line-height:1.6; color:rgba(255,255,255,.7);}
.pp-koraki{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;}
.pp-korak{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:24px 22px 26px; display:flex; flex-direction:column; gap:12px;}
.pp-krog{width:32px; height:32px; border-radius:99px; background:var(--pp-lime); color:var(--pp-ink); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:500;}
.pp-korak h3{margin:0; font-size:19px; font-weight:500; letter-spacing:-.025em; color:#fff;}
.pp-korak p{margin:0; font-size:14px; line-height:1.55; color:rgba(255,255,255,.64);}

/* ---------- 7. built in slovenia ---------- */
.pp-slo{background:#fff; padding-top:66px;}
.pp-slo-vrh{text-align:center;}
.pp-slo .pp-lbl-vrsta{max-width:420px; margin:0 auto 16px;}
.pp-slo .pp-lbl-vrsta::after{background:#D3DFD9;}
.pp-slo .pp-lbl{color:var(--pp-green);}
.pp-slo .pp-h2{font-size:42px; color:var(--pp-ink); margin-bottom:14px;}
.pp-slo-p{margin:0 auto 40px; max-width:520px; font-size:16.5px; line-height:1.6; color:var(--pp-p);}
.pp-ustanovitelja{background:var(--pp-ink); padding:44px 0 48px;}
.pp-ustanovitelja .wrap{display:flex; justify-content:center; gap:72px; flex-wrap:wrap;}
.pp-oseba{display:flex; align-items:center; gap:22px;}
.pp-oseba-foto{width:156px; height:156px; border-radius:18px; overflow:hidden; flex:none;}
.pp-oseba-foto img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .2s ease-out;}
.pp-oseba:hover .pp-oseba-foto img{transform:scale(1.04);}
.pp-oseba-ime{font-size:24px; font-weight:500; letter-spacing:-.025em; color:#fff; white-space:nowrap;}
.pp-oseba-vloga{font-size:13px; color:rgba(255,255,255,.62); margin-top:2px;}
.pp-oseba a{display:inline-flex; align-items:center; gap:5px; margin-top:8px; font-size:12.5px; font-weight:500; color:var(--pp-lime);}
.pp-oseba a:hover{color:#fff;}
.pp-oseba a svg{width:10px; height:10px;}

/* ---------- 8. zakljucni cta ---------- */
.pp-cta{background:var(--pp-lime); padding-top:40px;}
.pp-cta .wrap{position:relative; display:flex; align-items:flex-end; gap:36px;}
.pp-cta-txt{flex:1; min-width:0; padding-bottom:44px;}
.pp-cta-txt h2{margin:0 0 10px; font-size:34px; line-height:1.1; font-weight:500; letter-spacing:-.035em; color:var(--pp-ink); text-wrap:pretty;}
.pp-cta-p{margin:0; font-size:16px; line-height:1.55; color:rgba(11,29,23,.78);}
.pp-cta-p a{color:rgba(11,29,23,.6); transition:color .16s ease-out;}
.pp-cta-p a:hover{color:var(--pp-ink); text-decoration:underline; text-underline-offset:3px;}
.pp-cta-akcija{flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:8px; padding-bottom:44px;}
.pp-cta-opomba{font-size:13.5px; font-weight:500; color:rgba(11,29,23,.72);}
.pp-cta-maskota{flex:0 0 auto; height:200px; width:auto; display:block;}

/* ---------- odzivnost (prototip je za 1180 px; ozji zasloni po istih pravilih) ---------- */
@media (max-width:1100px){
  .pp-h1{font-size:54px;}
}
@media (max-width:980px){
  .pp-hero-maskota{display:none;}
  .pp-glava{flex-direction:column; align-items:flex-start; gap:18px;}
  .pp-glava > p{max-width:620px;}
  .pp-postaje{grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:34px;}
  .pp-postaje::before{display:none;}
  .pp-kdo-mreza{grid-template-columns:1fr;}
  .pp-profil h3{flex-basis:200px;}
  .pp-cta-maskota{height:170px;}
}
@media (max-width:760px){
  .pp-hero-txt{padding:64px 0;}
  .pp-h1{font-size:40px; line-height:1.05;}
  .pp-lead{font-size:16px; margin-bottom:30px;}
  .pp-btns{flex-direction:column; align-items:stretch; width:100%; max-width:380px;}
  .pp-btn{width:100%; height:56px; padding:0 22px; font-size:17px;}
  .pp-trgi-lbl{white-space:normal; width:100%; margin-bottom:2px;}
  .pp .pp-h2, .pp-partnerstvo .pp-h2, .pp-slo .pp-h2{font-size:30px; line-height:1.1;}
  .pp-kaj, .pp-partnerstvo, .pp-kdo, .pp-pilot{padding-top:54px; padding-bottom:58px;}
  .pp-logi{gap:28px;}
  .pp-niz img{height:22px; margin-right:56px;}
  .pp-plosca{padding:24px 20px 28px; border-radius:18px;}
  .pp-postaje{grid-template-columns:1fr; row-gap:26px;}
  .pp-uvod{margin-bottom:30px;}
  .pp-pas{flex-direction:column; align-items:flex-start; gap:14px; padding:20px;}
  .pp-pas-lbl{flex:none;}
  .pp-zeton{font-size:15px; padding:11px 16px; white-space:normal;}
  .pp-profil{flex-wrap:wrap; gap:10px 14px; padding:16px 18px;}
  .pp-profil h3{flex:1 1 0; font-size:17px;}
  .pp-profil p{flex:1 1 100%;}
  .pp-profil:hover{transform:none;}
  .pp-koraki{grid-template-columns:1fr;}
  .pp-slo{padding-top:54px;}
  .pp-slo .pp-lbl-vrsta{justify-content:center;}
  .pp-slo .pp-lbl-vrsta::after{display:none;}
  .pp-slo-p{margin-bottom:32px;}
  .pp-ustanovitelja{padding:36px 0 40px;}
  .pp-ustanovitelja .wrap{flex-direction:column; align-items:center; gap:28px;}
  .pp-oseba{width:100%; max-width:340px;}
  .pp-oseba-foto{width:120px; height:120px;}
  .pp-cta{padding-top:44px;}
  .pp-cta .wrap{flex-direction:column; align-items:stretch; gap:18px;}
  .pp-cta-txt{padding-bottom:0;}
  .pp-cta-txt h2{font-size:28px;}
  .pp-cta-akcija{align-items:stretch; padding-bottom:0;}
  .pp-cta-opomba{text-align:center;}
  .pp-cta-maskota{height:150px; align-self:flex-end;}
}