/*!
 * kontakt-form.css — kontaktní formulář na /kontakt
 * Kvintech solution, 2026
 *
 * Vše je schované pod .edn-contact, takže se to nepere se style.css
 * ani s Bootstrapem.
 *
 * BARVA TLAČÍTKA: skript /js/kontakty-form.js si ji při načtení stránky
 * přečte přímo z tlačítka .btn-system vašeho motivu, takže sedne přesně.
 * Hodnota níže je jen záloha, kdyby se to nepovedlo — pak stačí přepsat
 * tenhle jediný řádek.
 */

.edn-contact{
  --edn-accent:      #9b1c31;              /* vínová – záloha, viz poznámka výše */
  --edn-accent-dark: #7a1626;
  --edn-accent-soft: rgba(155,28,49,.10);
  --edn-ink:         #333;
  --edn-muted:       #8a8a8a;
  --edn-line:        #e2e2e2;
}
.edn-contact *{box-sizing:border-box;}

/* ---------- pole ---------- */
.edn-contact .edn-field{margin-bottom:16px;}
.edn-contact .edn-field label{
  display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--edn-ink);
}
.edn-contact .edn-req{color:#c0392b;}
.edn-contact .edn-opt{color:var(--edn-muted);font-weight:400;font-size:.9em;}

.edn-contact input[type=text],
.edn-contact input[type=email],
.edn-contact input[type=tel],
.edn-contact textarea{
  width:100%;padding:10px 12px;margin:0;
  font-family:inherit;font-size:14px;line-height:1.5;color:var(--edn-ink);
  background:#fff;border:1px solid #cfcfcf;border-radius:4px;
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.edn-contact textarea{min-height:140px;resize:vertical;display:block;}
.edn-contact input::placeholder,
.edn-contact textarea::placeholder{color:#b3b3b3;opacity:1;}
.edn-contact input:focus,
.edn-contact textarea:focus{
  outline:0;border-color:var(--edn-accent);
  box-shadow:0 0 0 3px var(--edn-accent-soft);
}
.edn-contact .is-invalid{border-color:#c0392b !important;background:#fffafa;}
.edn-contact .edn-error{display:none;margin-top:5px;font-size:12px;color:#c0392b;}
.edn-contact .edn-error.show{display:block;}
.edn-contact .edn-counter{
  display:block;margin-top:4px;text-align:right;font-size:11px;color:#b3b3b3;
}

/* honeypot – nesmí být vidět, ale ani display:none (roboti to poznají) */
.edn-contact .edn-hp{
  position:absolute !important;left:-9999px !important;top:auto;
  width:1px;height:1px;overflow:hidden;
}

/* ---------- tlačítko ---------- */
.edn-contact .edn-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:4px;padding:11px 30px;border:0;border-radius:3px;
  background:var(--edn-accent);color:#fff;
  font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;
  text-transform:uppercase;letter-spacing:.03em;cursor:pointer;
  transition:background .15s ease, transform .06s ease;
}
.edn-contact .edn-btn:hover:not(:disabled){background:var(--edn-accent-dark);color:#fff;}
.edn-contact .edn-btn:active:not(:disabled){transform:translateY(1px);}
.edn-contact .edn-btn:disabled{opacity:.6;cursor:default;}
.edn-contact .edn-btn:focus-visible{outline:3px solid var(--edn-accent-soft);outline-offset:2px;}

.edn-contact .edn-spinner{
  display:none;width:14px;height:14px;border-radius:50%;
  border:2px solid rgba(255,255,255,.45);border-top-color:#fff;
  animation:edn-spin .7s linear infinite;
}
.edn-contact .is-sending .edn-spinner{display:inline-block;}
@keyframes edn-spin{to{transform:rotate(360deg);}}

.edn-contact .edn-note{margin:12px 0 0;font-size:12px;color:var(--edn-muted);line-height:1.5;}

/* ---------- výsledná hláška ---------- */
.edn-contact .edn-result{
  display:none;margin-top:16px;padding:13px 15px;border-radius:4px;
  font-size:14px;line-height:1.55;border:1px solid transparent;
}
.edn-contact .edn-result.ok{display:block;background:#eaf5ee;border-color:#c2e0cd;color:#1c6b40;}
.edn-contact .edn-result.err{display:block;background:#fdecea;border-color:#f3c4bf;color:#a3160b;}

/* na úzkých displejích ať sloupce Jméno / E-mail nejsou nalepené */
@media (max-width:767px){
  .edn-contact .edn-col + .edn-col{margin-top:0;}
}