/*
Theme Name: SkillUp v2
Theme URI: 
Author: SkillUp
Description: Custom SkillUp one-pager tema — Moderna (početna) + Poslovna (linkana stranica)
Version: 2.0
*/
:root{--green:#a3df02;--green-dark:#6c9e02;--black:#000;--ink:#1a1a1a;--gray:#4d4d4d;--line:#e5e5e5;--bg-alt:#fafaf8;}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--ink);font-family:'Inter',sans-serif;}
a{color:var(--green);text-decoration:none;}
a:hover{color:var(--ink);}
img{max-width:100%;}

/* ===== shared nav-wrap / burger ===== */
.nav-wrap{position:relative;}
.burger{display:none;width:34px;height:26px;background:none;border:none;flex-direction:column;justify-content:space-between;padding:0;cursor:pointer;}
.burger span{height:3px;border-radius:2px;background:var(--black);display:block;}

/* ===================== 1A — MODERNA (front page) ===================== */
.h2{font-family:'Manrope',sans-serif;font-size:36px;font-weight:800;margin:0 0 16px;}
.h2--light{color:#fff;}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--green-dark);text-transform:uppercase;margin-bottom:14px;}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:var(--green);padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;border:1px solid transparent;box-sizing:border-box;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.btn:hover{background:#fff;color:var(--black);border-color:var(--black);}
.btn__arrow{display:inline-block;line-height:1;position:relative;top:-1px;transition:transform .2s ease;}
.btn:hover .btn__arrow{transform:translateX(4px);}
.btn--lg{padding:16px 30px;font-size:16px;}
.dot{width:10px;height:10px;border-radius:50%;background:var(--green);display:inline-block;}

.utility-bar{background:var(--black);color:#c9c9c9;font-size:12.5px;font-weight:600;}
.utility-bar__inner{max-width:1320px;margin:0 auto;padding:10px 56px;display:flex;justify-content:space-between;align-items:center;}
.utility-sep{color:var(--green);margin:0 6px;}
.utility-bar__contact {display:flex;}
.utility-bar__contact a{color:#c9c9c9;text-decoration:none;display:flex;align-items:center;gap:7px;}
.utility-bar__icon{width:14px !important;height:14px !important;min-width:14px;min-height:14px;max-width:14px;flex-shrink:0;display:block;}
.utility-bar__contact .utility-sep{color:var(--green);}
.utility-bar{position:relative;z-index:60;}
.site-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);transition:padding .2s ease,box-shadow .2s ease;}
.site-header__inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 56px;transition:padding .2s ease;}
.site-header.is-scrolled{box-shadow:0 4px 16px rgba(0,0,0,.08);}
.site-header.is-scrolled .site-header__inner{padding:12px 56px;}
.site-header.is-scrolled .logo{height:26px;}
.admin-bar .site-header{top:32px;}
@media screen and (max-width:782px){.admin-bar .site-header{top:46px;}}
.logo{height:34px;transition:height .2s ease;}
.nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:600;}
.nav__link{color:var(--ink);}
.nav__link--active{border-bottom:2px solid var(--green);padding-bottom:4px;}
.nav__link:not(.nav__link--active):hover{border-bottom:2px solid var(--green);padding-bottom:4px;}

.hero{max-width:1320px;margin:0 auto;padding:24px 56px 96px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;overflow:visible;position:relative;}
.hero__eyebrow-logo{height:80px;margin-bottom:22px;display:block;}
.hero__title{font-family:'Manrope',sans-serif;font-size:66px;line-height:1.02;font-weight:800;margin:0 0 24px;}
.hero__lead{font-size:19px;line-height:1.6;color:var(--gray);max-width:440px;margin:0 0 28px;}
.hero__tags{display:flex;gap:12px;margin-bottom:36px;font-size:15px;font-weight:600;}
.tag-sep{color:var(--green);}
.hero__visual{position:relative;height:400px;overflow:visible;}
.hero__fan-wrap{position:absolute;top:50%;right:0;transform:translateY(-50%);width:650px;height:650px;z-index:2;}
.hero__fan-wrap .js-fan{width:100%;height:100%;}
.hero__mobile-fan-wrap{display:none;}

.about{max-width:1320px;margin:0 auto;padding:88px 56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;position:relative;overflow:hidden;}
.about__intro{position:relative;z-index:1;margin-bottom:100px;height: fit-content;}
.about__dots{position:absolute;bottom:-10px;left:30px;width:320px;height:320px;z-index:0;}
.about__body{position:relative;z-index:1;}
.about__quote{border-left:3px solid var(--green);padding-left:24px;margin:0 0 22px;font-size:24px;line-height:1.5;font-weight:700;}
.about__body p{font-size:19px;line-height:1.6;color:var(--gray);margin:0 0 14px;}
.about__body p:last-child{margin-bottom:0;}

.services{background:var(--bg-alt);padding:88px 0;}
.services__inner{max-width:1320px;margin:0 auto;padding:0 56px;}
.services__intro{max-width:600px;margin-bottom:48px;}
.services__intro p{font-size:19px;line-height:1.7;color:var(--gray);margin:0;}
.services__quote{border-left:3px solid var(--green);padding-left:16px;}
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.service-card{background:#fff;border-radius:20px;padding:34px 26px;box-shadow:0 12px 30px rgba(0,0,0,.06);}
.service-card__icon{width:96px;height:96px;border-radius:20px;background:transparent;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.service-card__icon img{width:70px;height:70px;}
.service-card__icon-img--bold{filter:drop-shadow(0 0 0.5px var(--green-dark)) drop-shadow(0 0 0.5px var(--green-dark));}
.service-card h3{font-family:'Manrope',sans-serif;font-size:20px;font-weight:700;margin:0 0 10px;}
.service-card p{font-size:14.5px;line-height:1.65;color:var(--gray);margin:0;}

.process{background:var(--black);color:#fff;padding:88px 0;position:relative;overflow:hidden;}
.process__dots{position:absolute;top:10px;right:10px;width:300px;height:300px;z-index:0;}
.process__inner{max-width:1320px;margin:0 auto;padding:0 56px;position:relative;z-index:1;}
.process__intro{max-width:620px;margin-bottom:56px;}
.process__intro p{font-size:19px;line-height:1.6;color:#c9c9c9;margin:0;}
.process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1;}
.process__grid::before{content:'';position:absolute;top:48px;left:6%;right:6%;height:2px;background:rgba(255,255,255,.15);}
.process-step{text-align:center;}
.process-step__icon{width:96px;height:96px;border-radius:50%;background:transparent;border:2px solid #fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;}
.process-step__icon img{width:70px;height:70px;filter:drop-shadow(0 0 0.5px #fff) drop-shadow(0 0 0.5px #fff);}
.process-step__num{font-size:16px;font-weight:700;color:var(--green);margin-bottom:8px;}
.process-step h3{font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;margin:0 0 8px;}
.process-step p{font-size:13.5px;line-height:1.6;color:#b5b5b5;margin:0;padding:0 6px;}

.contact{max-width:1320px;margin:0 auto;padding:88px 56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;}
.contact__info p{font-size:16px;line-height:1.7;color:var(--gray);margin:0 0 30px;}
.contact__item{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;margin-bottom:16px;}
.contact__ico{width:36px;height:36px;border-radius:10px;background:#f2f9df;color:var(--green);display:flex;align-items:center;justify-content:center;}
.contact__form{background:var(--bg-alt);border-radius:24px;padding:38px;display:flex;flex-direction:column;gap:16px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contact__form input,.contact__form textarea{padding:14px 16px;border-radius:12px;border:1px solid var(--line);font-size:14px;font-family:inherit;resize:none;}
.checkbox{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray);}

.site-footer{background:var(--black);color:#fff;padding:52px 0 28px;position:relative;overflow:hidden;}
.site-footer__pattern{position:absolute;bottom:0;right:0;width:190px;opacity:.08;}
.site-footer__inner{max-width:1320px;margin:0 auto;padding:0 56px;}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid #2b2b2b;position:relative;}
.footer__logo{height:60px;margin-bottom:18px;}
.footer__grid p{font-size:13.5px;line-height:1.7;color:#a9a9a9;margin:0;}
.footer__heading{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--green);text-transform:uppercase;margin-bottom:16px;}
.footer__grid > div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:14px;}
.footer__grid a{color:#d5d5d5;transition:color .15s ease;}
.footer__grid a:hover{color:var(--green);}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:12px;color:#8a8a8a;}
/* --- grb Zagrebačke županije: verzija A (inline u bottom baru) --- */
.footer__zg-inline{display:flex;align-items:center;gap:10px;}
.footer__zg-logo-inline{height:30px;width:auto;flex-shrink:0;}
/* --- grb Zagrebačke županije: verzija B (4. stupac) --- */
.footer__grid--4col{grid-template-columns:1.2fr 1fr 1fr 1fr;}
.footer__zg-col{align-items:flex-start;}
.footer__zg-logo{height:64px;width:auto;margin-top:4px;}

@media (max-width:880px){
  .nav__link:not(.nav__link--active),.nav .btn{display:none;}
  .nav{gap:0;}
  .burger{display:flex;}
  .nav-open .nav{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:10px 22px 16px;box-shadow:0 12px 24px rgba(0,0,0,.08);z-index:10;}
  .nav-open .nav__link,.nav-open .nav .btn{display:block;padding:10px 0;width:100%;}
  .site-header__inner{padding:16px 22px;}
  .site-header.is-scrolled .site-header__inner{padding:16px 22px;}
  .logo{height:26px;}
  .utility-bar__inner{flex-wrap:wrap;gap:6px;font-size:10.5px;}
  .utility-bar__icon{width:12px;height:12px;}
  .hero{grid-template-columns:1fr;padding:8px 22px 40px;text-align:left;}
  .hero__title{font-size:34px;}
  .hero__lead{font-size:16px;}
  .h2{font-size:26px;}
  .about__quote{font-size:19px;}
  .about__body p{font-size:16px;}
  .services__intro p{font-size:16px;}
  .service-card h3{font-size:18px;}
  .process__intro p{font-size:16px;}
  .contact__info p{font-size:15px;}
  .hero__lead{max-width:none;}
  .hero__visual{display:none;}
  .hero__eyebrow-logo{height:62px;margin-bottom:8px;}
  .hero__mobile-fan-wrap{display:flex;align-items:center;justify-content:center;height:170px;margin-bottom:20px;}
  .hero__mobile-fan-wrap .js-fan{width:200px;height:200px;}
  .about{grid-template-columns:1fr;padding:44px 22px;gap:8px;}
  .about__intro{margin-bottom:16px;}
  .hero__tags{justify-content:center;}
  .about__dots{display:none;}
  .process__dots{display:none;}
  .services{padding:44px 0;}
  .services__inner{padding:0 22px;}
  .services__grid{grid-template-columns:1fr;gap:18px;}
  .process{padding:44px 0;}
  .process__inner{padding:0 22px;}
  .process__grid{grid-template-columns:1fr;gap:22px;}
  .process__grid::before{display:none;}
  .contact{grid-template-columns:1fr;padding:44px 22px;gap:28px;}
  .form-row{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;text-align:center;}
  .footer__grid > div:not(:first-child){align-items:center;}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center;}
  .site-footer{padding:36px 0 22px;}
  .site-footer__inner{padding:0 22px;}
}

/* ===================== 1C — POSLOVNA (page-poslovna.php) ===================== */
.psl-h2{font-size:32px;font-weight:800;margin:0;}
.psl-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--green-dark);text-transform:uppercase;margin-bottom:14px;}
.psl-btn{display:inline-flex;align-items:center;gap:8px;background:var(--black);color:var(--green);padding:15px 28px;border-radius:6px;font-weight:700;font-size:15px;border:none;cursor:pointer;font-family:inherit;}
.psl-btn--accent{background:var(--green);color:var(--black);font-weight:800;}
.psl-link-underline{color:var(--ink);font-weight:600;font-size:15px;border-bottom:2px solid var(--black);padding-bottom:2px;}

.psl-utility-bar{background:var(--black);color:#c9c9c9;font-size:12.5px;font-weight:600;}
.psl-utility-bar__inner{max-width:1320px;margin:0 auto;padding:10px 56px;display:flex;justify-content:space-between;align-items:center;}
.psl-sep{color:var(--green);margin:0 6px;}
.psl-utility-bar__contact .psl-sep{color:#444;}
.psl-site-header{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 56px;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:50;background:#fff;}
.psl-logo{height:32px;}
.psl-nav{display:flex;align-items:center;gap:32px;font-size:14.5px;font-weight:600;}
.psl-nav a:not(.psl-btn){color:var(--ink);}

.psl-hero{max-width:1320px;margin:0 auto;padding:80px 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.psl-hero__title{font-size:50px;font-weight:800;line-height:1.12;letter-spacing:-.01em;margin:0 0 22px;}
.psl-hero__lead{font-size:17px;line-height:1.65;color:#4d4d4d;max-width:460px;margin:0 0 32px;}
.psl-hero__actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.psl-hero__panel{border:1px solid var(--line);border-radius:10px;padding:8px;}
.psl-hero__panel-inner{background:var(--bg-alt);border-radius:6px;padding:30px 26px;}
.psl-hero__panel-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:#888;text-transform:uppercase;margin-bottom:16px;}
.psl-benefit-row{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line);}
.psl-benefit-row:last-child{border-bottom:1px solid var(--line);}
.psl-check{width:24px;height:24px;border-radius:50%;background:var(--green);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;}
.psl-benefit-row h4{margin:0 0 4px;font-size:15px;font-weight:700;}
.psl-benefit-row p{margin:0;font-size:13.5px;color:#666;line-height:1.5;}

.psl-about{max-width:1320px;margin:0 auto;padding:72px 56px;border-top:1px solid #ececec;display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;}
.psl-quote{border-left:3px solid var(--green);padding-left:24px;margin:0 0 22px;font-size:21px;line-height:1.55;font-weight:600;}
.psl-about p{font-size:15px;line-height:1.8;color:#555;margin:0 0 14px;}

.psl-services{background:var(--bg-alt);padding:72px 0;}
.psl-services__inner{max-width:1320px;margin:0 auto;padding:0 56px;}
.psl-services__head{margin-bottom:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;}
.psl-services__head p{max-width:380px;font-size:14.5px;line-height:1.6;color:#666;margin:0;}
.psl-service-row{display:flex;align-items:center;gap:28px;padding:28px 0;border-top:1px solid #e0e0e0;}
.psl-services__list::after{content:'';display:block;border-top:1px solid #e0e0e0;}
.psl-service-row__icon{width:52px;height:52px;border-radius:10px;background:var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.psl-service-row__icon img{width:23px;height:23px;}
.psl-service-row__body{flex:1;}
.psl-service-row__body h3{font-size:18px;font-weight:700;margin:0 0 6px;}
.psl-service-row__body p{font-size:14px;line-height:1.6;color:#666;margin:0;}

.psl-process{max-width:1320px;margin:0 auto;padding:72px 56px;}
.psl-process__lead{font-size:15px;line-height:1.7;color:#666;max-width:640px;margin:0 0 56px;}
.psl-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.psl-process__grid::before{content:'';position:absolute;top:27px;left:6%;right:6%;height:2px;background:var(--line);}
.psl-process-step{text-align:center;}
.psl-process-step__icon{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--black);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;}
.psl-process-step__icon img{width:22px;height:22px;}
.psl-process-step__num{font-size:12px;font-weight:700;color:var(--green-dark);margin-bottom:8px;}
.psl-process-step h3{font-size:16px;font-weight:700;margin:0 0 8px;}
.psl-process-step p{font-size:13px;line-height:1.6;color:#666;margin:0;padding:0 6px;}

.psl-cta{background:var(--black);color:#fff;padding:64px 0;position:relative;overflow:hidden;}
.psl-cta__inner{max-width:1320px;margin:0 auto;padding:0 56px;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;position:relative;z-index:1;}
.psl-cta__pattern{position:absolute;top:-30px;right:-20px;width:200px;}
.psl-cta h2{font-size:30px;font-weight:800;margin:0 0 10px;}
.psl-cta p{color:#b5b5b5;font-size:15px;margin:0;}

.psl-contact{max-width:1320px;margin:0 auto;padding:80px 56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;}
.psl-contact p{font-size:15px;line-height:1.7;color:#555;margin:0 0 28px;}
.psl-contact__item{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;margin-bottom:14px;}
.psl-contact__ico{width:34px;height:34px;border-radius:6px;background:#f2f9df;color:var(--green-dark);display:flex;align-items:center;justify-content:center;}
.psl-contact__form{background:var(--bg-alt);border:1px solid var(--line);border-radius:10px;padding:34px;display:flex;flex-direction:column;gap:16px;}
.psl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.psl-contact__form input,.psl-contact__form textarea{padding:13px 14px;border-radius:6px;border:1px solid #d8d8d8;font-size:14px;font-family:inherit;resize:none;}
.psl-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;color:#4d4d4d;}

.psl-site-footer{background:var(--black);color:#fff;padding:48px 0 26px;position:relative;overflow:hidden;}
.psl-site-footer__pattern{position:absolute;bottom:0;right:0;width:170px;opacity:.5;}
.psl-site-footer__inner{max-width:1320px;margin:0 auto;padding:0 56px;}
.psl-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:30px;border-bottom:1px solid #2b2b2b;position:relative;}
.psl-footer__logo{height:28px;margin-bottom:16px;}
.psl-footer__grid p{font-size:13.5px;line-height:1.7;color:#a9a9a9;margin:0;}
.psl-footer__heading{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--green);text-transform:uppercase;margin-bottom:14px;}
.psl-footer__grid > div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:14px;}
.psl-footer__grid a{color:#d5d5d5;}
/* --- grb Zagrebačke županije: verzija A (inline u bottom baru) --- */
.psl-footer__zg-inline{display:flex;align-items:center;gap:10px;}
.psl-footer__zg-logo-inline{height:28px;width:auto;flex-shrink:0;}
/* --- grb Zagrebačke županije: verzija B (4. stupac) --- */
.psl-footer__grid--4col{grid-template-columns:1.2fr 1fr 1fr 1fr;}
.psl-footer__zg-col{align-items:flex-start;}
.psl-footer__zg-logo{height:60px;width:auto;margin-top:4px;}
.psl-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;color:#8a8a8a;position:relative;}

@media (max-width:880px){
  .psl-nav a:not(.psl-btn){display:none;}
  .psl-nav{gap:0;}
  .psl-nav-wrap .burger{display:flex;}
  .nav-open .psl-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:10px 22px 16px;box-shadow:0 12px 24px rgba(0,0,0,.08);z-index:10;}
  .nav-open .psl-nav a{display:block;padding:10px 0;width:100%;}
  .psl-utility-bar{padding:8px 0;}
  .psl-utility-bar__inner{flex-direction:column;gap:6px;padding:8px 22px;text-align:center;}
  .psl-site-header{padding:16px 22px;}
  .psl-logo{height:24px;}
  .psl-hero{grid-template-columns:1fr;padding:32px 22px 36px;gap:26px;}
  .psl-hero__title{font-size:34px;}
  .psl-hero__lead{max-width:none;}
  .psl-hero__actions{flex-direction:column;align-items:stretch;}
  .psl-about{grid-template-columns:1fr;padding:40px 22px;gap:16px;}
  .psl-services{padding:40px 0;}
  .psl-services__inner{padding:0 22px;}
  .psl-service-row{flex-wrap:wrap;}
  .psl-process{padding:40px 22px;}
  .psl-process__grid{grid-template-columns:1fr;gap:24px;text-align:left;}
  .psl-process__grid::before{display:none;}
  .psl-process-step{display:flex;gap:16px;align-items:flex-start;text-align:left;}
  .psl-process-step__icon{margin:0;flex-shrink:0;}
  .psl-cta{padding:40px 0;}
  .psl-cta__inner{padding:0 22px;flex-direction:column;align-items:flex-start;text-align:left;}
  .psl-contact{grid-template-columns:1fr;padding:40px 22px;gap:24px;}
  .psl-form-row{grid-template-columns:1fr;}
  .psl-footer__grid{grid-template-columns:1fr;text-align:center;}
  .psl-footer__grid > div:not(:first-child){align-items:center;}
  .psl-footer__bottom{flex-direction:column;gap:8px;text-align:center;}
  .psl-site-footer{padding:36px 0 22px;}
  .psl-site-footer__inner{padding:0 22px;}
}