/* ============================================================
   Resinos POS — kontaktný formulár „Máte otázky? Napíšte nám"
   Mäkká, nízkotrenná cesta (bez SMS). Vzhľad zhodný s inštaláciou.
   ============================================================ */

.kontakt-section{
  padding-top:calc(var(--nav-h) + clamp(30px, 6vw, 60px));
  position:relative; z-index:0; overflow:hidden;
  background:
    radial-gradient(900px 480px at 92% -8%, rgba(255,195,0,.22), transparent 65%),
    radial-gradient(760px 520px at -8% 32%, rgba(255,110,106,.14), transparent 65%),
    radial-gradient(820px 560px at 108% 88%, rgba(200,35,11,.12), transparent 65%),
    var(--warm);
}
/* veľké logo ako jemný vodoznak v pozadí */
.kontakt-section::before{
  content:""; position:absolute; z-index:-1;
  top:clamp(40px, 8vw, 110px); right:clamp(-180px, -10vw, -80px);
  width:clamp(320px, 42vw, 640px); height:clamp(327px, 43vw, 654px);
  background:url("../assets/logo.svg") center/contain no-repeat;
  opacity:.06; transform:rotate(8deg); pointer-events:none;
}
.kontakt-wrap{ max-width:640px; }
.kontakt-title{ margin-top:2px; }
.kontakt-lead{ max-width:560px; margin-bottom:26px; }

/* ---------- karta s formulárom ---------- */
.kontakt-card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(22px, 3.4vw, 36px);
}

/* polia (zhodné s inštaláciou/loginom) */
.kontakt-card .field{ display:block; margin-bottom:18px; }
.kontakt-card .field-label{
  display:block;
  font-family:var(--font-mono); font-size:11.5px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-2); margin-bottom:8px;
}
.kontakt-card .field-label small{
  font-family:var(--font-body); font-size:11px; letter-spacing:.02em;
  text-transform:none; color:var(--ink-3); font-weight:400;
}
.kontakt-card input,
.kontakt-card textarea{
  width:100%;
  font-family:var(--font-body); font-size:15px; color:var(--ink);
  background:var(--paper);
  border:1.5px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  outline:none;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.kontakt-card textarea{ resize:vertical; min-height:120px; line-height:1.55; }
.kontakt-card input::placeholder,
.kontakt-card textarea::placeholder{ color:#C9AE99; }
.kontakt-card input:hover, .kontakt-card textarea:hover{ border-color:rgba(240,127,18,.4); }
.kontakt-card input:focus, .kontakt-card textarea:focus{
  border-color:var(--fire-orange);
  box-shadow:0 0 0 4px rgba(240,127,18,.16);
}

/* dvojstĺpec e-mail + telefón */
.kontakt-row{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
@media (max-width:560px){ .kontakt-row{ grid-template-columns:1fr; } }

/* chyba */
.kontakt-card .form-err{
  margin:2px 0 14px; color:#B42318; font-size:14px; font-weight:500;
}

/* odoslať */
.kontakt-submit{ width:100%; justify-content:center; margin-top:4px; }

/* späť na web */
.kontakt-back{
  display:inline-block; margin-top:16px;
  font-size:14px; color:var(--ink-3); text-decoration:none;
  transition:color .2s ease;
}
.kontakt-back:hover{ color:var(--ink); }