/* Contact form, injected into the CTA band by js/contact-form.js.
   Linked from every page including index.html, which otherwise keeps its own
   inline styles. Kept in its own file rather than folded into service-page.css
   precisely so the homepage can use it without inheriting the sub-page layout. */

.cform{max-width:520px;margin:1.6rem auto 0;text-align:left}
.cform label{display:block;margin-bottom:.85rem;font-size:.92rem;font-weight:600;color:var(--brown,#3d2b1f)}
.cform .opt{font-weight:400;color:var(--brown-soft,#6b5545)}
.cform input,.cform textarea{
  display:block;width:100%;margin-top:.3rem;padding:.7rem .85rem;
  font:inherit;font-weight:400;color:var(--brown,#3d2b1f);
  background:#fff;border:1px solid var(--cream-dark,#f1e4cc);border-radius:9px;
}
.cform input:focus,.cform textarea:focus{
  outline:none;border-color:var(--amber,#C08B30);box-shadow:0 0 0 3px rgba(192,139,48,.16);
}
.cform textarea{resize:vertical;min-height:110px}

/* Two across on anything wider than a phone, stacked below. */
.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}
@media(max-width:520px){.cform-row{grid-template-columns:1fr}}

/* ⚠️ Off-screen, NOT display:none. Some bots skip hidden inputs, which defeats
   the point of a honeypot. Kept out of the tab order and the accessibility tree
   by the tabindex and aria-hidden on the markup side. */
.cform-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.cform button{
  display:inline-block;width:100%;margin-top:.3rem;padding:.85rem 1.5rem;
  font:inherit;font-weight:700;color:#fff;background:var(--amber,#C08B30);
  border:0;border-radius:10px;cursor:pointer;
  box-shadow:0 6px 18px rgba(192,139,48,.28);transition:background-color .15s;
}
.cform button:hover:not(:disabled){background:var(--amber-dark,#9c6f22)}
.cform button:disabled{opacity:.6;cursor:default}

.cform-note{margin:.9rem 0 0;font-size:.92rem;color:var(--brown-soft,#6b5545);text-align:center}
.cform-note.err{color:#b3261e}
.cform-note.ok{color:#1b7a3d;font-weight:600;font-size:1.02rem}
.cform-note a{color:var(--amber-dark,#9c6f22);font-weight:600}

/* Turnstile widget, when enabled. Flexible size so it fills the form width
   rather than sitting awkwardly left-aligned above the button. */
.cform-ts{margin:.2rem 0 .9rem;min-height:65px}