/* ==========================================================================
   Karijera (join-us) page
   ========================================================================== */
.karijera main{overflow-x:hidden}
.kwrap{max-width:1300px;margin:0 auto;padding:0;width:100%}

/* ---- Floating section nav (pill) ---- */
.k-subnav{position:fixed;top:118px;left:0;right:0;z-index:990;display:flex;justify-content:center;pointer-events:none}
.k-subnav__inner{
  pointer-events:auto;
  width:57%;max-width:741px;min-height:50px;
  background:#FFFFFF;border:1px solid #E8EAEC;border-radius:8px;
  padding:6px;display:flex;align-items:center;
  transition:border-color .3s,box-shadow .3s;
}
.k-subnav__inner:hover{border-color:rgba(255,255,255,.07);box-shadow:0 2px 3px rgba(140,150,160,.08)}
.k-subnav ul{display:flex;align-items:center;justify-content:space-evenly;width:100%;gap:8px}
.k-subnav a{
  display:block;font-size:14px;font-weight:500;color:#4F5E70;
  padding:12px 13px;border-radius:6px;text-align:center;white-space:nowrap;
  transition:background-color .3s,color .3s;
}
.k-subnav a:hover,.k-subnav a.is-active{background:#00AB4F;color:#FFFFFF}

/* ---- Hero ---- */
.k-hero{
  min-height:769px;
  padding:1% 10px 3%;
  display:flex;flex-direction:column;justify-content:flex-start;
  background:url('../../images/backgrounds/Frame-1113.jpg') center/cover no-repeat;
  text-align:center;
}
.k-hero h1{margin:192px auto 156px;font-size:55px;line-height:67px;font-weight:600;color:#112337}
.k-hero h1 span{color:#00AB4F}

.k-subhero{
  min-height:650px;
  padding:3% 10px;
  display:flex;flex-direction:column;justify-content:center;
  background:url('../../images/backgrounds/Frame-991.jpg') center/cover no-repeat;
  text-align:center;
}
.k-subhero h2{margin:174px auto;font-size:55px;line-height:67px;font-weight:600;color:#112337}
.k-subhero h2 span{color:#00AB4F}

/* ---- Video ---- */
.k-video{
  min-height:815px;
  padding-top:10%;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.k-video__frame{margin:0 14%;aspect-ratio:16/9}
.k-video__frame iframe{width:100%;height:100%;border:0;display:block}

/* ---- Split sections (text + photo) ---- */
.ksplit{min-height:730px;padding:5% 0 3%;display:flex;flex-direction:column}
.ksplit > .kwrap{flex:1 1 auto}
.ksplit--lines{
  background:linear-gradient(rgba(250,251,252,.84),rgba(250,251,252,.84)),
             url('../../images/backgrounds/Background-lines.jpg') center/cover no-repeat #FFFFFF;
}
.ksplit--plain{
  background:#FFFFFF url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.ksplit .kwrap{display:flex;gap:20px;align-items:stretch}
.ksplit__text,.ksplit__img{width:calc(50% - 10px);min-height:460px}
.ksplit__text{display:flex;flex-direction:column;justify-content:center}
.ksplit__text h2{font-size:55px;line-height:60px;font-weight:600;color:#000000;padding:16px 6px 35px}
.ksplit__text p{font-size:18px;line-height:26px;color:#4F5E70;margin:0;padding:15px 6px 0}
.ksplit__img{background-position:center center;background-repeat:no-repeat;background-size:contain}
.ksplit__img--joinus{background-image:url('../../images/team/5A5A3406-scaled.jpg');border-radius:9px}
.ksplit__img--intl{background-image:url('../../images/team/5A5A6195-Edit-scaled.jpg');border-radius:20px}
.ksplit__img--partner{background-image:url('../../images/team/293A8186-scaled.jpg');border-radius:12px}

/* ---- Benefits zone (benefits + international + partner share a parent with 70px gaps) ---- */
.k-zone{
  padding:3% 0;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
  display:flex;flex-direction:column;gap:70px;
}
.k-zone .ksplit{min-height:730px}
.k-benefits h2{
  text-align:center;font-size:55px;line-height:50px;font-weight:600;color:#112337;
  padding:30px 0 40px;margin-bottom:90px;
}
.k-benefits__card{
  background:#FFFFFF;border:1px solid #DFE1E4;border-radius:13px;
  box-shadow:0 4px 4px rgba(140,150,160,.08);
  padding:60px;display:flex;gap:20px;
}
.k-benefits__col{width:calc(50% - 10px)}
.k-benefits__list{
  background:#FAFBFC;border:1px solid #E8EAEC;border-radius:6px;padding:15px;
}
.k-benefits__list li{display:flex;align-items:center;gap:9px}
.k-benefits__list li + li{margin-top:25px}
.k-benefits__list svg{flex:0 0 auto;width:28px;height:28px;fill:#6936F5}
.k-benefits__list span{font-size:18px;line-height:27px;color:#4F5E70}

/* ---- Open positions ---- */
.k-positions{
  padding:5% 0 3%;
  background:linear-gradient(rgba(250,251,252,.84),rgba(250,251,252,.84)),
             url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat #FAFBFC;
}
.k-positions h3{text-align:center;font-size:55px;line-height:50px;font-weight:600;color:#112337;padding:30px 0 50px}
.k-positions__row{display:flex;gap:20px;padding-top:30px}
.k-positions h3 + .k-positions__row{margin-top:20px}
.k-positions__row + .k-positions__row{margin-top:25px}
.k-positions__row + .k-positions__row .k-positions__grid{min-height:85px}
.k-positions__city{width:43%;display:flex;flex-direction:column;gap:10px}
.k-positions__city h4{font-size:40px;line-height:26px;font-weight:600;color:#112337}
.k-positions__city p{font-size:18px;line-height:24px;color:#4F5E70;margin:0}
.k-positions__grid{flex:1;min-height:100px}

/* ---- Talent (Uvek smo u potrazi) ---- */
.k-talent{
  padding:3% 0;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.k-talent .kwrap{display:flex;gap:20px}
.k-talent__text,.k-talent__img{width:calc(50% - 10px)}
.k-talent__text{min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.k-talent__text h2{font-size:55px;line-height:50px;font-weight:600;color:#112337;padding:30px 0 40px}
.k-talent__text h2 span{color:#00AB4F}
.k-talent__text p{font-size:18px;line-height:26px;color:#4F5E70;margin:0;padding:30px 0}
.k-talent__img{
  background:url('../../images/backgrounds/Group-784.png') center/cover no-repeat;
  display:flex;flex-direction:column;justify-content:center;
}
.k-talent__img img{width:100%;height:auto}

/* Green CTA button (Elementor style) */
.kbtn{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--font-accent);font-size:18px;font-weight:500;line-height:1;
  color:#FFFFFF;background:#00AB4F;
  border:1px solid #009947;border-radius:4px;
  padding:12px 24px;margin-top:20px;
  transition:background-color .3s,color .3s,border-color .3s;
}
.kbtn:hover,.kbtn:focus{background:#F2F4F5;color:#58595B;border-color:#00AB4F}
.kbtn svg{width:20px;height:20px}
.kbtn:hover svg path,.kbtn:focus svg path{stroke:#58595B}

/* ---- Steps rows (Elevate + Proces prijave) ---- */
.k-elevate{
  min-height:560px;padding:5% 0 0;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.k-elevate h2{text-align:center;font-size:55px;line-height:50px;font-weight:600;color:#000000;padding:30px 0 50px}
.k-elevate .k-steps{margin-top:20px;padding:69px 0 73px}
.k-steps{display:flex;align-items:flex-start;padding:50px 0 40px}
.k-step{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 10px}
.k-step img{width:43px;height:auto}
.k-step p{font-size:20px;line-height:26px;font-weight:500;color:#112337;text-align:center;margin:0}
.k-sep{flex:1 1 0;padding:5px 10px 0}
.k-sep hr{border:0;border-top:1px solid #DFE1E4;margin:15px 0}

.k-process{
  padding:3% 0;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.k-process h2{text-align:center;font-size:55px;line-height:50px;font-weight:600;color:#112337;padding:30px 0 40px}
.k-process .k-steps{margin-top:20px;padding-top:0}

/* ---- Students ---- */
.k-students{
  padding:5% 0 4%;
  background:linear-gradient(rgba(250,251,252,.84),rgba(250,251,252,.84)),
             url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat #FAFBFC;
}
.k-students h2{text-align:center;font-size:55px;line-height:50px;font-weight:600;color:#112337;padding:30px 0 40px;margin-bottom:40px}
.k-students__grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:40px 20px}
.k-student-card{
  width:32%;
  background:#FFFFFF;border:1px solid #E8EAEC;border-radius:12px;
  box-shadow:0 2px 3px rgba(140,150,160,.08);
  padding:32px;display:flex;flex-direction:column;gap:24px;
}
.k-student-card .icon{display:flex;justify-content:center}
.k-student-card .icon svg{width:48px;height:48px}
.k-student-card h3{text-align:center;font-size:24px;line-height:26px;font-weight:600;color:#000000}
.k-student-card hr{border:0;border-top:1px solid #E8EAEC;width:48px;margin:1px auto}
.k-student-card p{font-size:18px;line-height:27px;color:#4F5E70;margin:0}

/* ---- Newsletter za kandidate ---- */
.k-newsletter{
  padding:3% 0;
  background:url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat;
}
.k-newsletter__card{
  min-height:420px;
  border:1px solid #DFE1E4;border-radius:12px;
  background:url('../../images/backgrounds/Frame-1113.jpg') center/cover no-repeat;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:20px;text-align:center;padding:20px;
}
.k-newsletter__card h3{font-size:55px;line-height:32px;font-weight:600;color:#112337;padding:40px 0 25px}
.k-newsletter__card > p{font-size:20px;line-height:26px;font-weight:500;color:#4F5E70;margin:0}
.k-newsletter__card .kbtn{margin-top:15px;padding:11px 24px}
.k-newsletter__social{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}
.k-newsletter__social img{width:44px;height:45px}

/* ---- Guides (Šta treba da znaš...) ---- */
.k-guides{
  padding:3% 0;
  background:linear-gradient(rgba(250,251,252,.84),rgba(250,251,252,.84)),
             url('../../images/backgrounds/Different-Legal-Service.jpg') center/cover no-repeat #FAFBFC;
}
.k-guides h2{text-align:center;font-size:55px;line-height:51px;font-weight:600;color:#112337;padding:30px 0 50px}
.k-guides__grid{display:flex;flex-wrap:wrap;gap:32px 20px}
.k-guide-card{
  width:45%;
  background:#FFFFFF;border:1px solid #E8EAEC;border-radius:12px;
  padding:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:32px;
}
.k-guide-card__media{
  background:linear-gradient(117.93deg,rgba(0,171,79,.12) 0%,rgba(124,79,255,.12) 100%);
  border:1px solid #DFE1E4;border-radius:6px;
  padding:10px;
}
.k-guide-card__media img{width:100%;height:auto}
.k-guide-card h3{font-size:20px;line-height:26px;font-weight:600;color:#112337}
.k-guide-card h3 a{transition:color .3s}
.k-guide-card h3 a:hover{color:#00AB4F}
.k-guide-card__btnwrap{text-align:center}
.kbtn--ghost{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--font-accent);font-size:18px;font-weight:500;line-height:1;
  color:#4F5E70;background:#FFFFFF;
  border:1px solid #DFE1E4;border-radius:3px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  padding:11px 20px;
  transition:background-color .3s,color .3s,border-color .3s;
}
.kbtn--ghost:hover,.kbtn--ghost:focus{background:#00AB4F;color:#FFFFFF;border-color:#00AB4F}
.kbtn--ghost svg{width:12px;height:16px;fill:currentColor}

/* ---- FAQ accordion ---- */
.k-faq{background:#FFFFFF;padding:6% 0 6% 22%}
.k-faq__inner{padding:0}
.k-faq h2{font-size:55px;line-height:50px;font-weight:600;color:#00AB4F;padding-bottom:30px}
.k-faq .accordion{width:75%;display:flex;flex-direction:column;gap:43px;border-bottom:1px solid #E8EAEC}
.k-faq .accordion__item{border-bottom:1px solid #E8EAEC}
.k-faq .accordion__item:last-child{border-bottom:0}
.k-faq .accordion__head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:11px 0;text-align:left;
  font-family:var(--font);font-size:24px;line-height:26px;font-weight:600;color:#050505;
}
.k-faq .accordion__head svg{flex:0 0 auto;width:20px;height:20px;fill:#00AB4F}
.k-faq .accordion__head .icon-minus{display:none}
.k-faq .accordion__item.is-open .accordion__head .icon-minus{display:block}
.k-faq .accordion__item.is-open .accordion__head .icon-plus{display:none}
.k-faq .accordion__body{display:none;padding:11px 0 20px}
.k-faq .accordion__item.is-open .accordion__body{display:block}
.k-faq .accordion__body p{font-size:18px;line-height:25px;color:#4F5E70;margin:0 0 1em}
.k-faq .accordion__body p:last-child{margin-bottom:0}
.k-faq .accordion__body ul{list-style:disc;padding-left:25px;margin:0 0 1em}
.k-faq .accordion__body li p{margin:0}

/* ---- Trailing placeholder image (present on live site) ---- */
.k-placeholder img{margin:0 auto}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1024px){
  .k-subnav{display:none}
  .ksplit,.k-positions,.k-elevate{padding-left:3%;padding-right:3%}
  .k-step p{font-size:16px}
  .k-student-card{width:31%}
}
@media (max-width:767px){
  .k-hero{min-height:0;padding:10% 3%}
  .k-hero h1{margin:70px auto 50px;font-size:35px;line-height:40px}
  .k-subhero{min-height:0;padding:10% 3%}
  .k-subhero h2{margin:50px auto;font-size:35px;line-height:40px}
  .k-video{min-height:0;padding-bottom:10%}
  .k-video__frame{margin:0 4%}
  .ksplit{min-height:0}
  .ksplit .kwrap{flex-direction:column}
  .ksplit__text,.ksplit__img{width:100%}
  .ksplit__img{min-height:320px}
  .ksplit__text{text-align:center}
  .ksplit__text h2{font-size:30px;line-height:34px;padding-bottom:10px}
  .k-benefits h2{font-size:35px;line-height:40px;padding:30px 0 0;margin-bottom:40px}
  .k-benefits__card{flex-direction:column;padding:24px}
  .k-benefits__col{width:100%}
  .k-positions{padding:10% 3%}
  .k-positions h3{font-size:35px;line-height:40px}
  .k-positions__row{flex-direction:column}
  .k-positions__city{width:100%;text-align:center}
  .k-positions__city h4{font-size:35px}
  .k-talent .kwrap{flex-direction:column}
  .k-talent__text,.k-talent__img{width:100%}
  .k-talent__text{min-height:0;text-align:center;align-items:center}
  .k-talent__text h2{font-size:35px;line-height:40px}
  .k-elevate h2,.k-process h2,.k-students h2,.k-guides h2{font-size:35px;line-height:40px}
  .k-steps{flex-direction:column;align-items:center;gap:24px}
  .k-sep{display:none}
  .k-students{padding:10% 3%}
  .k-student-card{width:100%}
  .k-newsletter__card h3{font-size:36px;line-height:38px;padding:20px 0 0}
  .k-guides{padding:10% 3%}
  .k-guide-card{width:100%}
  .k-faq{padding:10% 3%}
  .k-faq h2{text-align:center;font-size:35px;line-height:32px}
  .k-faq .accordion{width:100%}
  .k-faq .accordion__head{font-size:20px;line-height:24px}
}