/* ================================================================
   kontakt-cosmos.css - Kontakt w designie Orbita (templates/page-kontakt.php)
   Wspólne komponenty (hero, formularz, FAQ, stopka) - home-cosmos.css.
   ================================================================ */

/* ── HERO: dane kontaktowe + formularz ── */
.kt-hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
.kt-hero .cz-hero__title .cz-hero__tagline{margin-top:10px}
.kt-form{position:relative;z-index:2}
.kt-form-wrap{position:relative;z-index:2;scroll-margin-top:96px}
.kt-info{display:grid;gap:2px;margin:26px 0 0;padding:6px 18px;list-style:none;max-width:560px;border-radius:22px;background:rgba(9,12,30,.55);border:1px solid rgba(165,180,252,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kt-info__item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(165,180,252,.1)}
.kt-info__item:first-child{border-top:0}
.kt-info__item>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(99,102,241,.16);color:var(--cz-lav);font-size:.82rem}
.kt-info__item small{display:block;margin-bottom:2px;font:500 .6rem/1.3 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted)}
.kt-info__item b,.kt-info__item a{font-size:.94rem;font-weight:500;color:#fff;text-decoration:none}
.kt-info__item a:hover{color:var(--cz-cyan)}
.kt-info__item--status.is-open>i{background:rgba(16,185,129,.18);color:#34D399}
.kt-info__item--status.is-closed>i{background:rgba(251,191,36,.14);color:#FBBF24}
.kt-social{display:flex;flex-wrap:wrap;gap:6px 14px}
.kt-copy{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid rgba(165,180,252,.24);background:transparent;color:rgba(232,234,246,.86);font:500 .66rem/1 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}
.kt-copy:hover{background:#EEF0FF;color:var(--cz-ink-text)}
.kt-copy.is-done{background:#34D399;border-color:transparent;color:#052E1C}
.kt-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.kt-badges li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(165,180,252,.18);background:rgba(255,255,255,.03);font-size:.8rem;color:rgba(232,234,246,.84)}
.kt-badges i{font-size:.72rem;color:var(--cz-cyan)}
.cz-js .kt-hero .kt-info,.cz-js .kt-hero .kt-badges,.cz-js .kt-hero .kt-form{opacity:0;transform:translate3d(0,18px,0);transition:opacity 1s var(--cz-ease),transform 1s var(--cz-ease)}
.cz-js .kt-hero.is-in .kt-info{opacity:1;transform:none;transition-delay:.85s}
.cz-js .kt-hero.is-in .kt-badges{opacity:1;transform:none;transition-delay:.95s}
.cz-js .kt-hero.is-in .kt-form{opacity:1;transform:none;transition-delay:.5s}

/* ── 01 CO DALEJ ── */
.kt-flow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:clamp(24px,3vw,40px);align-items:start}
.kt-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:none}
.kt-step{position:relative;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 30px 60px -50px rgba(49,46,129,.45)}
.kt-step__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cz-ink-text);color:#fff;font-size:.95rem}
.kt-step__n{display:block;margin-top:18px;font:500 .64rem/1.3 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-indigo-deep)}
.kt-step__n i{font-style:normal;opacity:.4}
.kt-page .kt-step h3{margin:8px 0 0!important;font:600 1.06rem/1.3 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.kt-step p{margin-top:8px!important;font-size:.9rem;line-height:1.6;color:var(--cz-muted-l)}
.kt-brief{position:sticky;top:110px;padding:26px;border-radius:26px;background:var(--cz-ink-text);color:#fff}
.kt-page .kt-brief__h{display:flex;align-items:center;gap:10px;margin-bottom:14px!important;font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.kt-brief__h i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(165,180,252,.16);color:var(--cz-lav);font-size:.8rem}
.kt-brief ul{display:grid;margin:0;padding:0;list-style:none}
.kt-brief li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid rgba(165,180,252,.14);font-size:.9rem;line-height:1.5;color:rgba(232,234,246,.88)}
.kt-brief li:first-child{border-top:0}
.kt-brief li i{margin-top:5px;font-size:.66rem;color:#34D399}
.kt-brief p{margin:14px 0 18px!important;font-size:.84rem;line-height:1.55;color:var(--cz-muted)}
.kt-brief .cz-btn--ink{background:#EEF0FF;color:var(--cz-ink-text)}

/* ── RESPONSYWNOŚĆ ── */
@media (max-width:1080px){
	.kt-hero__grid{grid-template-columns:1fr}
	.kt-form{margin-top:10px}
	.kt-flow{grid-template-columns:1fr}
	.kt-brief{position:static}
}
@media (max-width:720px){
	.kt-steps{grid-template-columns:1fr}
	.kt-info{padding:4px 14px}
	.kt-info__item{grid-template-columns:30px minmax(0,1fr)}
	.kt-info__item>i{width:30px;height:30px}
	.kt-copy{grid-column:2;justify-self:start}
	.kt-info__item a{word-break:break-word}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .kt-hero .kt-info,.cz-js .kt-hero .kt-badges,.cz-js .kt-hero .kt-form{opacity:1;transform:none}
}