/* COGNITIVA — sekcije.css: stilovi svih layouta skupa sekcija (standard v3.2, poglavlja 4 i 5).
   Učitava se na svakoj stranici s poljem sekcije. Izvor: odobrena naslovna (cognitiva_v7.html). */

/* ---------- blok naslova sekcije ---------- */
.tkj-shead{max-width:60ch;margin-bottom:clamp(30px,4.5vw,52px);}

/* ---------- hero ---------- */
.tkj-hero{padding-top:clamp(40px,7vw,86px);padding-bottom:clamp(48px,8vw,92px);}
.tkj-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center;}
.tkj-hero-lead{font-size:clamp(1.08rem,1.6vw,1.24rem);color:var(--color-ink-soft);max-width:46ch;margin-bottom:16px;}
.tkj-hero-sub{font-size:1.02rem;color:var(--color-ink-muted);max-width:44ch;margin-bottom:30px;}
.tkj-hero-actions{display:flex;flex-direction:column;gap:11px;align-items:flex-start;}
.tkj-microcopy{font-size:.9rem;color:var(--color-ink-muted);display:flex;align-items:center;gap:7px;}
.tkj-microcopy .ti{color:var(--color-accent-deep);font-size:16px;}
.tkj-proof{margin-top:38px;display:flex;flex-wrap:wrap;gap:10px;}
.tkj-proof-item{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--color-ink-soft);
  background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;padding:7px 15px;}
.tkj-proof-item .ti{color:var(--color-accent-deep);font-size:16px;}
.tkj-proof-item b{font-weight:700;color:var(--color-ink);}
.tkj-portrait-frame{aspect-ratio:4/5;border-radius:var(--radius);background:var(--color-bg-alt);
  border:1px solid var(--color-line);position:relative;overflow:hidden;}
.tkj-portrait-frame::after{content:"";position:absolute;inset:10px;border:1px solid var(--color-accent-tint);border-radius:var(--radius-sm);pointer-events:none;}
.tkj-portrait-frame img,.tkj-about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.tkj-portrait-frame img{object-position:50% 20%;}
.tkj-about-photo img{object-position:17% 50%;}

/* ---------- problem / ishod ---------- */
.tkj-mirror{display:grid;grid-template-columns:1fr;gap:clamp(10px,1.4vw,14px);max-width:70ch;}
.tkj-mirror li{display:flex;gap:13px;align-items:flex-start;font-size:1.05rem;color:var(--color-ink-soft);}
.tkj-mirror li .ti{flex:none;margin-top:4px;font-size:18px;}
.tkj-mirror.is-problem li .ti{color:var(--color-ink-muted);}
.tkj-mirror.is-ishod li .ti{color:var(--color-positive);}
.tkj-close{margin-top:clamp(26px,3.4vw,38px);max-width:62ch;font-size:1.08rem;text-wrap:pretty;}
.tkj-close--quote{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-style:italic;color:var(--color-ink);line-height:1.4;text-wrap:balance;}

/* ---------- o meni ---------- */
.tkj-about-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,5vw,60px);align-items:start;}
.tkj-about-photo{aspect-ratio:1/1;border-radius:var(--radius);background:var(--color-bg-alt);border:1px solid var(--color-line);
  position:relative;overflow:hidden;}
.tkj-about-photo::after{content:"";position:absolute;inset:10px;border:1px solid var(--color-accent-tint);border-radius:var(--radius-sm);}
.tkj-about-body p{margin-bottom:18px;color:var(--color-ink-soft);max-width:60ch;text-wrap:pretty;}
.tkj-about-body p:last-child{margin-bottom:0;}
/* Podebljano u tekstu O meni: stil imena iz odobrenog dizajna (.tkj-kicker). */
.tkj-about-body strong,.tkj-about-body b{font-family:var(--font-display);font-style:italic;color:var(--color-ink);font-weight:500;}
.tkj-creds{margin-top:30px;border-top:1px solid var(--color-line);padding-top:26px;display:grid;gap:15px;}
.tkj-cred{display:flex;align-items:flex-start;gap:13px;}
.tkj-cred .ti{color:var(--color-accent-deep);font-size:21px;flex:none;margin-top:1px;}
.tkj-cred span{font-size:.99rem;color:var(--color-ink-soft);}
.tkj-cred b{color:var(--color-ink);font-weight:600;}

/* ---------- što dobivaš ---------- */
.tkj-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:clamp(14px,1.8vw,20px);}
.tkj-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:clamp(22px,2.6vw,30px);}
.tkj-card-ico{width:46px;height:46px;border-radius:11px;background:var(--color-accent-fill);color:var(--color-accent-deep);
  display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:16px;}
.tkj-card h3{font-size:1.2rem;margin-bottom:9px;}
.tkj-card p{font-size:.99rem;color:var(--color-ink-soft);}

/* ---------- ponude ---------- */
.tkj-offer{background:var(--color-surface);border:1px solid var(--color-line);border-radius:18px;padding:clamp(24px,3.2vw,40px);position:relative;}
.tkj-offer--primary{border:1.5px solid var(--color-accent);}
.tkj-badge{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--color-accent-deep);background:var(--color-accent-fill);padding:6px 13px;border-radius:999px;margin-bottom:16px;}
.tkj-offer h3{font-size:clamp(1.45rem,2.4vw,1.95rem);margin-bottom:7px;}
.tkj-offer-sub{color:var(--color-ink-muted);font-size:.98rem;margin-bottom:20px;text-wrap:pretty;}
.tkj-offer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3.4vw,44px);align-items:start;}
.tkj-offer p.lead{color:var(--color-ink-soft);margin-bottom:14px;}
.tkj-offer p.tkj-lead-list{margin-bottom:16px;}
.tkj-incl-title{font-weight:700;color:var(--color-ink);font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
.tkj-incl li{display:flex;gap:11px;align-items:flex-start;margin-bottom:11px;font-size:1rem;color:var(--color-ink-soft);}
.tkj-incl li .ti{color:var(--color-accent-deep);flex:none;margin-top:3px;font-size:17px;}
.tkj-incl li b{color:var(--color-ink);font-weight:600;}
.tkj-incl li small{display:block;color:var(--color-ink-muted);font-size:.9rem;font-weight:400;}
details.tkj-more{margin:6px 0 4px;border-top:1px solid var(--color-line-soft);}
details.tkj-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  padding:16px 0 4px;color:var(--color-accent-deep);font-weight:600;font-size:.97rem;}
details.tkj-more>summary::-webkit-details-marker{display:none;}
details.tkj-more>summary .ti{transition:transform .25s ease;}
details.tkj-more[open]>summary .ti{transform:rotate(180deg);}
details.tkj-more .more-body{padding-top:8px;}
details.tkj-more .more-body p{margin-bottom:14px;color:var(--color-ink-soft);}
.tkj-offer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--color-line-soft);}
.tkj-foot-note{font-size:.88rem;color:var(--color-ink-muted);}

.tkj-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(16px,2vw,22px);margin-top:clamp(16px,2vw,22px);}
.tkj-sub-card h4{font-size:1.25rem;margin-bottom:7px;}
.tkj-addon{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--color-line-soft);}
.tkj-addon:first-of-type{border-top:none;padding-top:4px;}
.tkj-addon .ti{color:var(--color-accent-deep);font-size:21px;flex:none;margin-top:2px;}
.tkj-addon b{color:var(--color-ink);font-weight:600;display:block;margin-bottom:3px;}
.tkj-addon p{font-size:.94rem;color:var(--color-ink-soft);}

/* ---------- za tebe / nije za tebe ---------- */
.tkj-qual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(16px,2vw,22px);}
.tkj-qual{border-radius:var(--radius);padding:clamp(22px,2.8vw,32px);border:1px solid var(--color-line);background:var(--color-surface);}
.tkj-qual.is-yes{border-color:var(--color-positive-line);background:var(--color-positive-fill);}
.tkj-qual-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.3rem;font-weight:500;margin-bottom:18px;text-wrap:pretty;}
.tkj-qual.is-yes .tkj-qual-h{color:var(--color-positive);}
.tkj-qual.is-no .tkj-qual-h{color:var(--color-ink-muted);}
.tkj-qual li{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px;font-size:1rem;color:var(--color-ink-soft);}
.tkj-qual li:last-child{margin-bottom:0;}
.tkj-qual li .ti{flex:none;margin-top:3px;font-size:18px;}
.tkj-qual.is-yes li .ti{color:var(--color-positive);}
.tkj-qual.is-no li .ti{color:var(--color-ink-muted);}

/* ---------- reference ---------- */
.tkj-ref-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,52px);align-items:start;}
.tkj-intro--list{margin-bottom:26px;}
.tkj-bridge li{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:1.06rem;color:var(--color-ink-soft);}
.tkj-bridge li .ti{color:var(--color-accent-deep);flex:none;margin-top:3px;font-size:19px;}
.tkj-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2vw,22px);margin-top:clamp(28px,4vw,52px);align-items:start;}
.tkj-quote{margin:0;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:24px 26px;display:flex;flex-direction:column;}
.tkj-quote>.ti{color:var(--color-accent-tint);font-size:26px;}
.tkj-quote blockquote,.tkj-apply-quote blockquote,.tkj-offer-quote blockquote{margin:0;padding:0;border:0;}
.tkj-quote blockquote p{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--color-ink);line-height:1.5;margin:6px 0 14px;}
.tkj-quote .who{font-size:.88rem;color:var(--color-ink-muted);font-style:normal;}
.tkj-quote .who b{color:var(--color-ink);font-weight:600;}
.tkj-quote details.tkj-more{margin:16px 0 0;}
.tkj-quote details.tkj-more .more-body p{font-size:.95rem;margin-bottom:10px;}
.tkj-quote--feature{padding:clamp(26px,3vw,38px);}
.tkj-quote--feature>.ti{color:var(--color-accent);font-size:32px;}
.tkj-quote--feature blockquote p{font-size:clamp(1.25rem,2.1vw,1.55rem);line-height:1.42;margin:10px 0 18px;}
/* margin 0: tako ga prikazuje odobrena verzija na radnoj (Elementor nadjačava v7). */
.tkj-offer-quote{margin:0;padding-top:18px;border-top:1px solid var(--color-line-soft);}
.tkj-offer-quote blockquote p{font-family:var(--font-display);font-style:italic;font-size:1.02rem;color:var(--color-ink);line-height:1.5;}
.tkj-offer-quote figcaption{font-size:.84rem;color:var(--color-ink-muted);margin-top:6px;}

/* ---------- česta pitanja ---------- */
.tkj-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:820px;}
details.tkj-q{border-bottom:1px solid var(--color-line);}
details.tkj-q>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 4px;font-family:var(--font-display);font-size:1.14rem;color:var(--color-ink);font-weight:500;}
details.tkj-q>summary::-webkit-details-marker{display:none;}
details.tkj-q>summary .ti{color:var(--color-accent-deep);font-size:20px;flex:none;transition:transform .25s ease;}
details.tkj-q[open]>summary .ti{transform:rotate(180deg);}
details.tkj-q .ans{padding:0 4px 24px;max-width:72ch;color:var(--color-ink-soft);}
.tkj-faq-cta{margin-top:clamp(28px,3.6vw,40px);background:var(--color-accent-fill);border:1px solid var(--color-accent-tint);
  border-radius:var(--radius);padding:clamp(22px,2.8vw,30px);display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:18px;max-width:820px;}
.tkj-faq-cta p{color:var(--color-ink);font-family:var(--font-display);font-size:1.16rem;font-weight:500;text-wrap:pretty;}
.tkj-faq-cta small{display:block;font-family:var(--font-body);font-size:.92rem;color:var(--color-ink-soft);font-weight:400;margin-top:4px;}

/* ---------- prijava ---------- */
.tkj-apply{background:var(--color-surface);border:1px solid var(--color-line);border-radius:20px;
  padding:clamp(28px,4vw,56px);max-width:960px;margin:0 auto;}
.tkj-apply-head{text-align:center;max-width:58ch;margin:0 auto clamp(28px,3.6vw,40px);}
.tkj-apply-head h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:14px;}
.tkj-apply-head p{color:var(--color-ink-soft);text-wrap:balance;}
.tkj-eyebrow--center{justify-content:center;}
/* margin 0: tako ga prikazuje odobrena verzija na radnoj (Elementor nadjačava v7). */
.tkj-apply-quote{margin:0;padding-top:20px;border-top:1px solid var(--color-line);}
.tkj-apply-quote blockquote p{font-family:var(--font-display);font-style:italic;font-size:1.08rem;color:var(--color-ink);line-height:1.5;}
.tkj-apply-quote figcaption{font-size:.86rem;color:var(--color-ink-muted);margin-top:6px;}
/* Obrazac je Gravity Forms; njegov CSS je isključen (inc/forms.php), pa izgled odobrenog obrasca
   (28.9.2026., v7) nosi ovaj blok, na GF-ovim klasama. Nakon većeg ažuriranja GF-a provjeriti markup. */
.tkj-form-wrap .gform_heading,
.tkj-form-wrap .gform_hidden{display:none;}
.tkj-form-wrap .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.tkj-form-wrap .gfield{display:flex;flex-direction:column;gap:7px;grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0;}
.tkj-form-wrap .gfield--width-half{grid-column:auto;}
/* honeypot (zaštita od spama) ne smije se vidjeti; pravilo stoji iza .gfield, koje ga inače prikazuje */
.tkj-form-wrap .gfield.gform_validation_container,
.tkj-form-wrap .gfield.gfield--type-honeypot{display:none;}
.tkj-form-wrap .gfield_label{font-size:.9rem;font-weight:600;color:var(--color-ink);padding:0;}
.tkj-form-wrap .gfield_required{color:var(--color-accent-deep);margin-left:.25em;}
.tkj-form-wrap .gfield_description{font-size:.86rem;font-weight:400;color:var(--color-ink-muted);margin-top:-3px;text-wrap:pretty;}
.tkj-form-wrap .ginput_container input:not([type=checkbox]),
.tkj-form-wrap .ginput_container select,
.tkj-form-wrap .ginput_container textarea{font-family:var(--font-body);font-size:1rem;color:var(--color-ink);
  background:var(--color-bg);border:1px solid var(--color-line);border-radius:10px;padding:12px 14px;width:100%;transition:border-color .2s ease;
  overflow-wrap:anywhere;}
/* Kvačica nije ovdje: zadržava okvir fokusa iz global.css. Rub accent-deep (4,99:1) umjesto zlatnog (2,95:1). */
.tkj-form-wrap .ginput_container input:not([type="checkbox"]):focus,
.tkj-form-wrap .ginput_container select:focus,
.tkj-form-wrap .ginput_container textarea:focus{outline:none;border-color:var(--color-accent-deep);}
.tkj-form-wrap .ginput_container textarea{min-height:108px;height:108px;resize:vertical;}
/* kvačica uz pravila privatnosti: oznaka skupine je za čitač zaslona, vidi se rečenica uz kvačicu */
.tkj-form-wrap .hidden_label > .gfield_label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.tkj-form-wrap .gchoice{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--color-ink-soft);}
.tkj-form-wrap .gchoice input{width:19px;height:19px;margin:3px 0 0;flex:none;accent-color:var(--color-accent);}
.tkj-form-wrap .gchoice label{font-weight:400;}
.tkj-form-wrap .gfield_contains_required .gchoice label::after{content:"\00a0*";color:var(--color-accent-deep);}
.tkj-form-wrap .gchoice a{color:var(--color-accent-deep);text-decoration:underline;text-underline-offset:2px;}
/* greške: tekst uz polje kaže što napraviti; boja nije jedini znak (standard, poglavlja 6 i 14) */
.tkj-form-wrap .gfield_error input:not([type=checkbox]),
.tkj-form-wrap .gfield_error select,
.tkj-form-wrap .gfield_error textarea{border-color:var(--color-accent-deep);border-width:2px;padding:11px 13px;}
.tkj-form-wrap .validation_message,
.tkj-form-wrap .gfield_validation_message{font-size:.86rem;font-weight:600;color:var(--color-accent-deep);text-wrap:pretty;}
.tkj-form-wrap .gform_validation_errors{grid-column:1 / -1;margin-bottom:22px;padding:16px 18px;border:1px solid var(--color-accent-tint);
  border-left:3px solid var(--color-accent-deep);border-radius:10px;background:var(--color-accent-fill);color:var(--color-ink);}
.tkj-form-wrap .gform_validation_errors:focus:not(:focus-visible){outline:none;}
.tkj-form-wrap .gform_submission_error{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--color-ink);display:flex;gap:8px;align-items:flex-start;}
.tkj-form-wrap .gform_validation_errors ol{margin:8px 0 0;padding-left:1.2em;font-size:.9rem;}
.tkj-form-wrap .gform_validation_errors a{color:var(--color-accent-deep);text-decoration:underline;text-underline-offset:2px;}
/* gumb i napomena: redak kao u odobrenom obrascu */
.tkj-form-wrap .gform_footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding:0;}
.tkj-form-wrap .gform_button[aria-disabled="true"]{opacity:.65;cursor:progress;transform:none;}
.tkj-form-wrap .gform-loader,.tkj-form-wrap .gform_ajax_spinner{width:18px;height:18px;}
.tkj-form-note{font-size:.88rem;color:var(--color-ink-muted);display:flex;align-items:center;gap:7px;}
.tkj-form-note .ti{color:var(--color-accent-deep);font-size:16px;}

/* ---------- pojavljivanje sekcija (odluka 16.9.2026.: ostaje, LCP se mjeri u fazi 8) ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- mobitel (prijelomna točka 860 iz odobrenog dizajna) ---------- */
@media(max-width:860px){
  .tkj-hero-grid{grid-template-columns:1fr;}
  .tkj-portrait{max-width:330px;margin-top:8px;}
  .tkj-about-grid{grid-template-columns:1fr;}
  .tkj-about-photo{max-width:300px;}
  .tkj-offer-grid{grid-template-columns:1fr;gap:8px;}
  .tkj-ref-grid{grid-template-columns:1fr;}
  .tkj-form-wrap .gform_fields{grid-template-columns:1fr;}
  .tkj-form-wrap .gfield--width-half{grid-column:1 / -1;}
}