/* Světlý kontaktní formulář navazující na hlavní vzhled webu. */
:root{--form-bg:#eee3d2;--form-card:rgba(255,250,240,.82);--form-field:rgba(255,255,255,.7);
  --form-line:rgba(104,86,56,.24);--form-text:#181713;--form-muted:#625a4e;--form-gold:#d8a24a}
*{box-sizing:border-box}html{background:var(--form-bg)}
body.form-page{min-height:100svh;margin:0;padding:34px 20px 54px;color:var(--form-text);
  background:var(--form-bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.form-layout{width:min(900px,100%);margin:0 auto}
.back-link,.link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:0 14px;border:1px solid var(--form-line);border-radius:8px;color:var(--form-text);
  background:rgba(255,250,240,.72);text-decoration:none;font-weight:800}
.back-link{margin-bottom:14px}
.form-card{padding:28px;border:1px solid var(--form-line);border-radius:8px;background:var(--form-card);
  box-shadow:0 16px 36px rgba(57,43,22,.12)}
.form-card header{padding-bottom:18px;border-bottom:1px solid var(--form-line)}
.form-card h1{margin:0 0 7px;color:var(--form-text);font-size:clamp(1.7rem,4vw,2rem);line-height:1.15}
.form-card header p{margin:0;color:var(--form-muted)}
#contactForm{display:grid;gap:16px;margin-top:22px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-field{min-width:0}.form-field label{display:block;margin-bottom:6px;color:var(--form-text);font-size:.88rem;font-weight:800}
.form-field input,.form-field textarea,.form-field select{width:100%;min-height:46px;padding:11px 13px;
  border:1px solid var(--form-line);border-radius:8px;color:var(--form-text);background:var(--form-field);font:inherit;outline:none}
.form-field textarea{min-height:132px;resize:vertical}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{
  border-color:#9a681d;background:#fffdf8;box-shadow:0 0 0 3px rgba(216,162,74,.18)}
.consent{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid var(--form-line);
  border-radius:8px;background:rgba(255,255,255,.45)}
.consent input{flex:0 0 auto;width:21px;height:21px;accent-color:#9a681d}
.consent label{color:var(--form-text);font-size:.9rem;line-height:1.45}
.consent a{color:#8b5d18;font-weight:750}
.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.form-actions button{min-height:44px;padding:0 16px;border:1px solid rgba(183,125,34,.55);
  border-radius:8px;color:#12110e;background:var(--form-gold);font:850 .9rem/1 Inter,system-ui,sans-serif;cursor:pointer}
.form-actions button:disabled{cursor:wait;opacity:.68}
.back-link:hover,.back-link:focus-visible,.link-btn:hover,.link-btn:focus-visible,
.form-actions button:hover,.form-actions button:focus-visible{
  border-color:rgba(183,125,34,.78);outline:2px solid rgba(183,125,34,.2);outline-offset:2px}
.form-alert{display:none;margin:0;padding:11px 13px;border-radius:8px;font-weight:750}
.form-alert.is-visible{display:block}.form-alert.ok{color:#205c43;background:rgba(61,220,151,.13)}
.form-alert.err{color:#872f2f;background:rgba(255,107,107,.12)}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:720px){
  body.form-page{padding:22px 14px 40px}.form-card{padding:20px 16px}.form-row{grid-template-columns:1fr}
  .form-actions{display:grid;grid-template-columns:1fr}.form-actions button,.form-actions .link-btn{width:100%}
}