/*
Theme Name: KNOW-HOW
Theme URI: https://know-how.hr/
Author: KNOW-HOW d.o.o.
Description: Minimalni, elegantni poslovni WordPress predložak za KNOW-HOW d.o.o. Ugostiteljstvo, upravljanje i razvoj poslovanja.
Version: 1.1.5
*/
:root{--black:#0d0e10;--ink:#15171a;--muted:#85898f;--white:#fff;--gold:#008dd2;--line:#272a2e;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0e10;color:#fff;font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.kh-wrap{max-width:var(--max);margin:auto;padding:0 28px}.kh-top{border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#aeb2b7}.kh-top .kh-wrap{display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.kh-nav{position:absolute;top:0;left:0;right:0;z-index:5;padding:24px 0;background:linear-gradient(#050506,transparent)}.kh-nav .kh-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.kh-menu{margin-left:auto;white-space:nowrap;flex:1;display:flex;justify-content:flex-end}.kh-logo{display:flex;align-items:center;flex:0 0 308px;width:308px;height:auto!important;line-height:0;overflow:visible}.kh-brandline{font-family:"Courier New",monospace;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.kh-logo span{color:var(--gold)}.kh-menu{display:flex;gap:26px;font-size:13px;text-transform:uppercase;letter-spacing:1.2px}.kh-menu a{opacity:.85}.kh-menu a:hover{color:var(--gold);opacity:1}
.kh-hero{min-height:760px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,#30343a 0,#15171a 38%,#08090a 76%)}.kh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.15) 65%,rgba(0,0,0,.55)),url('assets/hero.svg') center/cover no-repeat;opacity:.9}.kh-hero .kh-wrap{position:relative;padding-bottom:90px;width:100%}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700}.kh-hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(54px,8vw,104px);line-height:.9;letter-spacing:-5px;margin:18px 0 25px;max-width:900px}.kh-hero h1 em{font-style:normal;color:#aeb2b7}.kh-hero p{font-size:19px;color:#d0d2d5;max-width:650px;margin:0 0 30px}.btn{display:inline-block;padding:13px 22px;border:1px solid rgba(255,255,255,.3);border-radius:2px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-right:10px}.btn.gold{background:var(--gold);border-color:var(--gold);color:#111}.btn:hover{transform:translateY(-1px)}
.kh-section{padding:105px 0;background:#111315}.kh-section.light{background:#f4f3f0;color:#111}.kh-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:800}.kh-section h2{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:12px 0 18px}.kh-intro{max-width:700px;color:#9fa3a8;font-size:17px}.light .kh-intro{color:#555}
.kh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.kh-card{min-height:300px;border:1px solid var(--line);padding:30px;position:relative;background:#17191c;overflow:hidden}.light .kh-card{background:#fff;border-color:#ddd}.kh-card .num{font-size:11px;color:var(--gold);letter-spacing:2px}.kh-card h3{font-size:25px;margin:80px 0 10px}.kh-card p{color:#a6aab0;font-size:14px}.light .kh-card p{color:#666}.kh-icon{width:42px;height:42px;color:var(--gold)}
.kh-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.kh-image{background:#181a1d url('assets/hospitality.svg') center/cover no-repeat;min-height:400px}.kh-image.manage{background-image:url('assets/management.svg')}.kh-copy{padding:80px;display:flex;flex-direction:column;justify-content:center}.kh-copy h2{font-size:52px;margin:10px 0}.kh-copy p{color:#a7abb0;max-width:530px}.kh-copy.light{background:#f4f3f0;color:#111}.kh-copy.light p{color:#555}
.kh-quote{padding:110px 0;text-align:center;background:#0a0b0c}.kh-quote blockquote{font-size:clamp(28px,4vw,52px);line-height:1.12;letter-spacing:-1.5px;max-width:950px;margin:0 auto}.kh-quote cite{display:block;margin-top:25px;color:var(--gold);font-style:normal;font-size:12px;letter-spacing:3px;text-transform:uppercase}
.kh-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.kh-contact h2{margin-top:0}.kh-contact p{color:#9da1a6}.kh-contact a{color:var(--gold)}
.kh-footer{border-top:1px solid var(--line);padding:35px 0;color:#777;font-size:12px}.kh-footer .kh-wrap{display:flex;justify-content:space-between}
@media(max-width:800px){.kh-logo{flex-basis:125px;width:125px;height:28px}.kh-logo img{display:block!important;width:217px!important;height:auto!important;max-width:100%!important;max-height:80px!important;object-fit:contain!important;object-position:left center!important}.kh-menu{display:none}.kh-hero{min-height:700px}.kh-grid,.kh-split,.kh-contact{grid-template-columns:1fr}.kh-copy{padding:55px 28px}.kh-section{padding:75px 0}.kh-section h2{font-size:38px}.kh-footer .kh-wrap{display:block}.kh-footer p{margin:6px 0}}

/* v1.0.7 header cleanup */
.kh-top{display:none!important}
.kh-nav{height:78px;padding:18px 0!important}
.kh-nav .kh-wrap{height:42px;align-items:center!important}
.kh-menu{align-items:center!important;gap:30px!important}
.kh-menu a{display:block;line-height:1!important;white-space:nowrap!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:1.4px!important;text-transform:uppercase!important}
.kh-logo{height:auto!important}
.kh-logo img{display:block!important;width:308px!important;height:auto!important;max-width:100%!important;max-height:80px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:800px){
  .kh-nav{height:64px;padding:14px 0!important}
  .kh-nav .kh-wrap{height:36px}
  .kh-logo{height:auto!important;width:217px!important;flex-basis:217px!important}
  .kh-logo img{display:block!important;width:155px!important;height:auto!important}
}

/* v1.1.5 - KANCELARIJA brand section */
.kh-kancelarija{background:#0a0b0c}
.kh-kancelarija .kh-intro{max-width:780px}
.kh-kancelarija .kh-card{min-height:360px;background:#141619;border-color:#2a2d31}
.kh-kancelarija .kh-card h3{margin-top:65px}
.kh-card-link{display:inline-block;margin-top:22px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}
.kh-card-link:hover{color:#fff}
.kh-brand-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #292c30;padding-top:24px;color:#aeb2b7;font-size:13px;letter-spacing:1px}
.kh-brand-cta .btn{margin:0}
@media(max-width:800px){
  .kh-brand-cta{display:block}
  .kh-brand-cta .btn{margin-top:18px}
}