/* Kontakt - tekst + fotografija, pa forma (CF7, bez plugin CSS-a) uz kartice Instagram / WhatsApp i title block firme. */
.crumb{padding:22px 0 0;color:var(--ink-2)}
.crumb a:hover{color:var(--orah)}
.crumb span{margin:0 8px;color:var(--celik)}

.kt{padding:clamp(40px,5vw,72px) 0 clamp(100px,11vw,160px);position:relative;isolation:isolate}
.kt::before{content:"";position:absolute;inset:0 0 auto;height:min(760px,100%);z-index:-1;opacity:.5;pointer-events:none;
  background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px;
  -webkit-mask:radial-gradient(ellipse 70% 60% at 20% 30%,#000 10%,transparent 70%);mask:radial-gradient(ellipse 70% 60% at 20% 30%,#000 10%,transparent 70%)}
.kt-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,7vw,120px);align-items:center}
.kt-k{color:var(--breza-d);letter-spacing:.12em;margin-bottom:22px}
.kt-h{font-family:var(--fh);font-weight:600;font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.14;letter-spacing:-.012em;max-width:20ch}
.kt-me{margin-top:28px;font-family:var(--fh);font-weight:500;font-size:clamp(1.1rem,1.5vw,1.3rem);color:var(--orah)}
.kt-p{margin-top:14px;color:var(--ink-2);max-width:52ch;border-left:1.5px solid var(--breza-d);padding-left:18px}

/* kartice kanala */
.kt-ch{display:grid;gap:12px}
.kt-c{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:22px 20px;min-height:104px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;transition:border-color .35s,color .35s var(--ez),transform .3s var(--ez)}
.kt-c::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--orah);transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s var(--ez)}
.kt-c:hover{border-color:var(--orah);color:#fff}
.kt-c:hover::before{transform:scaleY(1)}
.kt-c:active{transform:translateY(1px) scale(.99)}
.kt-i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--papir);border:1px solid var(--line-b);transition:background .35s,border-color .35s}
.kt-i svg{width:26px;height:26px;fill:none;stroke:var(--orah);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kt-c:hover .kt-i{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.kt-c:hover .kt-i svg{stroke:#fff}
.kt-c-t{min-width:0;line-height:1.3}
.kt-c-t .mono{display:block;color:var(--breza-d);letter-spacing:.12em;font-size:.7rem;transition:color .35s}
.kt-c-t b{display:block;margin-top:4px;font-family:var(--fh);font-weight:600;font-size:1.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-c-t small{display:block;margin-top:2px;font-size:.84rem;color:var(--ink-2);transition:color .35s}
.kt-c:hover .kt-c-t .mono{color:var(--breza)}
.kt-c:hover .kt-c-t small{color:#E9E3DA}
.kt-a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s var(--ez)}
.kt-c:hover .kt-a svg{transform:translateX(5px)}

/* fotografija */
.pt-img{position:relative}
.pt-img .fr{position:relative;border-radius:var(--rc);overflow:hidden;aspect-ratio:1}
.pt-img img{width:100%;height:100%;object-fit:cover}
.pt-img::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--breza-d);border-radius:var(--rc)}
.pt-img figcaption{margin-top:14px;color:var(--ink-2)}

/* forma + kanali */
.kt-f{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,40px);align-items:start;margin-top:clamp(64px,8vw,110px)}
.kf-box{border:1px solid var(--line);border-radius:var(--rc);background:#fff;padding:clamp(22px,3vw,40px)}
.kf-h{font-size:clamp(1.3rem,2vw,1.6rem);margin:-8px 0 28px}
.kf p{margin:0}
.kf fieldset{border:0;margin:0;padding:0}
.kf-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.kf-f{position:relative;margin-bottom:28px}
.kf-f label{display:block;margin-bottom:8px;color:var(--breza-d);letter-spacing:.12em}
.kf-f small{font-size:inherit;color:var(--ink-2);letter-spacing:.04em}
.kf-f input,.kf-f textarea{width:100%;min-height:52px;padding:13px 16px;border:1px solid var(--celik);border-radius:var(--rb);background:#fff;
  font:inherit;font-size:1rem;color:var(--ink);transition:border-color .25s,box-shadow .25s}
.kf-f textarea{min-height:150px;resize:vertical;line-height:1.5}
.kf-f input:hover,.kf-f textarea:hover{border-color:var(--gun)}
.kf-f input:focus,.kf-f textarea:focus{outline:0;border-color:var(--orah);box-shadow:0 0 0 3px rgba(91,58,38,.14)}
.kf .wpcf7-not-valid{border-color:#B3432A}
/* poruka greške ne pomera dugme (inače klik posle ispravke promaši) */
.kf .wpcf7-not-valid-tip{position:absolute;left:0;top:100%;margin-top:3px;font-size:.8rem;line-height:1.4;color:#B3432A}
.kf-hp,.wpcf7 .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kf-a{margin-top:4px}
.kf .wpcf7-spinner{display:none}
.kf.submitting .btn{opacity:.6;pointer-events:none}
.kf .wpcf7-response-output{margin:20px 0 0;padding:14px 16px;border:1px solid #B3432A;border-radius:var(--rb);color:#B3432A;font-size:.92rem}
.kf.init .wpcf7-response-output,.kf.submitting .wpcf7-response-output{display:none}
.kf.sent .wpcf7-response-output{border-color:var(--breza-d);background:var(--papir);color:var(--orah)}
.kt-side .kt-k,.kf-box .kt-k{margin-bottom:22px}

/* title block (2x2 uz formu) */
.tb{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0;border:1px solid var(--line);border-radius:var(--rc);background:#fff;overflow:hidden}
.tb>div{padding:20px 22px}
.tb>div:nth-child(even){border-left:1px solid var(--line)}
.tb>div:nth-child(n+3){border-top:1px solid var(--line)}
.tb>div:first-child{background:var(--papir)}
.tb dt{display:block;color:var(--breza-d);margin-bottom:10px;letter-spacing:.12em}
.tb dd{margin:0;font-weight:500;line-height:1.5}
.tb dd.num{font-family:var(--fm);font-size:.92rem;font-variant-numeric:tabular-nums}
.tb dd.num span{margin:0 8px;color:var(--celik)}
.tb .b3{font-family:var(--fm);font-size:1rem}
.tb .b3 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1000px){
  .kt-g,.kt-f{grid-template-columns:minmax(0,1fr)}
  .pt-img{max-width:440px}
}
@media (max-width:620px){
  body{font-size:16px}
  .wrap{--wrap:calc(100% - 32px)}
  .pt-img{margin-left:18px}
  .kf-2,.tb{grid-template-columns:1fr}
  .tb>div:nth-child(n){border-left:0;padding:20px}
  .tb>div+div{border-top:1px solid var(--line)}
}