/* Kontakt. Pola, karta firmy, kroki demo. Reszta jest w site.css. */

:root {
  --pg-input-bg: var(--fe-surface);
  --pg-input-fg: var(--fe-white);
  --pg-invalid-bg: rgba(180, 32, 40, .06);
  --pg-invalid-ring: 0 0 0 3px rgba(180, 32, 40, .18);
  --pg-toast-bg: #0b1220;
  --pg-toast-fg: #ffffff;
  --pg-card-shadow: 0 18px 50px rgba(15, 25, 50, .10);
  --pg-grid: rgba(10, 20, 40, .045);
  --pg-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.5 7 9.5 11 5.5' fill='none' stroke='%230047d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

:root[data-theme="dark"] {
  --pg-input-bg: var(--fe-bg-alt);
  --pg-input-fg: var(--fe-white);
  --pg-invalid-bg: rgba(255, 120, 120, .08);
  --pg-invalid-ring: 0 0 0 3px rgba(255, 120, 120, .22);
  --pg-toast-bg: #ffffff;
  --pg-toast-fg: #050914;
  --pg-card-shadow: 0 18px 50px rgba(0, 0, 0, .45);
  --pg-grid: rgba(255, 255, 255, .04);
  --pg-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.5 7 9.5 11 5.5' fill='none' stroke='%2399baff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fe-h1,
.fe-h2,
.fe-h3,
.fe-card__title {
  color: var(--fe-white);
}

.fe-pagehero__grid {
  background-image:
    linear-gradient(var(--pg-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--pg-grid) 1px, transparent 1px);
  background-size: 80px 80px;
}

.fe-breadcrumb a:hover,
.fe-crumbs a:hover,
.fe-breadcrumb [aria-current="page"],
.fe-crumbs [aria-current="page"] {
  color: var(--fe-white);
}

.ko-split > .ko-form{flex:1.4 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.ko-split > .ko-card{flex:1 1 300px;min-width:0}
.ko-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ko-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:600;color:var(--fe-text-hi)}
.fe-input{
  width:100%;min-height:56px;padding:14px 16px;border-radius:var(--fe-r-input);
  border:1px solid var(--fe-line-3);background-color:var(--pg-input-bg);color:var(--pg-input-fg);
  outline:none;color-scheme:light;
}
:root[data-theme="dark"] .fe-input{color-scheme:dark}
.fe-input::placeholder{color:var(--fe-muted);opacity:1}
.fe-input option{background-color:var(--pg-input-bg);color:var(--pg-input-fg)}
textarea.fe-input{min-height:160px;resize:vertical;line-height:1.5}
select.fe-input{
  appearance:none;padding-right:42px;
  background-color:var(--pg-input-bg);background-image:var(--pg-chevron);
  background-repeat:no-repeat;background-position:right 16px center;background-size:14px;
}
.fe-input:focus{border-color:var(--fe-blue);box-shadow:0 0 0 3px rgba(0,87,255,.35)}
.fe-input:user-invalid{border-color:var(--fe-error-line);background-color:var(--pg-invalid-bg);box-shadow:var(--pg-invalid-ring)}
.fe-input:-webkit-autofill,
.fe-input:-webkit-autofill:hover,
.fe-input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--pg-input-fg);caret-color:var(--pg-input-fg);
  transition:background-color 9999s ease-out;
  box-shadow:0 0 0 1000px var(--pg-input-bg) inset;
}
.fe-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--pg-input-bg) inset,0 0 0 3px rgba(0,87,255,.35)}
.ko-submit{align-self:flex-start}
.ko-rodo{margin:0;color:var(--fe-muted);font-size:14px;font-weight:500;line-height:1.5}
.ko-rodo a{text-decoration:underline;text-underline-offset:2px}
.ko-mail{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ko-copy{
  height:36px;padding:0 14px;border-radius:var(--fe-pill);border:1px solid var(--fe-line-ghost);
  background:transparent;color:var(--fe-text-hi);font-size:14px;font-weight:600;cursor:pointer;
}
.ko-copy:hover{border-color:var(--fe-link);color:var(--fe-white)}
.ko-copy[aria-pressed="true"]{border-color:var(--fe-online);color:var(--fe-online)}
.ko-meta{display:flex;flex-direction:column;gap:14px;margin:0}
.ko-meta div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ko-meta dt{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fe-eyebrow)}
.ko-meta dd{margin:0;color:var(--fe-text);font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.ko-toast{
  position:fixed;left:50%;bottom:24px;z-index:80;transform:translateX(-50%);
  max-width:calc(100% - 32px);padding:12px 18px;border-radius:var(--fe-pill);
  background:var(--pg-toast-bg);color:var(--pg-toast-fg);font-size:14px;font-weight:700;
  box-shadow:var(--fe-shadow, var(--pg-card-shadow));
}
.ko-card,
.ko-steps .fe-card{
  background:var(--fe-surface);
  box-shadow:var(--fe-shadow, var(--pg-card-shadow));
}
.ko-toast[hidden]{display:none}
.ko-steps{
  list-style:none;margin:28px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.ko-steps .fe-card__text,.ko-card .fe-card__text{overflow-wrap:anywhere}

@media (max-width:800px){
  .ko-steps{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ko-grid{grid-template-columns:1fr}
  .ko-submit{align-self:stretch;width:100%;justify-content:space-between}
}