/* Contact fields added to the v8 request panels (see enquiry.js). Uses the v8 tokens and form
   styling from product.css / technical.css / housing.css so the panels read as one design. */
.cw-fields{width:100%;margin-top:18px;padding-top:18px;border-top:1px solid #c8d8de;display:grid;gap:12px}
.cw-fields label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:580;color:var(--ink)}
.cw-fields .cw-l{display:block;font-size:14px;font-weight:580;color:var(--ink)}
.cw-fields .cw-l span{color:#4a616b;font-size:12px;font-weight:400}
.cw-fields :is(input,select,textarea){width:100%;font:14px/1.45 Inter,Arial,sans-serif;color:var(--ink);background:#fff;border:1px solid #a6bdc6;border-radius:3px;padding:10px 11px;min-height:43px;margin:0}
.cw-fields textarea{resize:vertical}
.cw-fields :is(input,select,textarea):focus-visible{outline:3px solid #007cae;outline-offset:2px}
.cw-fields :is(input,textarea):user-invalid{border-color:#b3261e}
.cw-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cw-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.cw-actions .btn{margin:0;border:0}
.cw-actions .btn:disabled{opacity:.6;cursor:progress}
.cw-status{font-size:13px;color:#24434f}
.cw-note{font-size:12px;color:#4a616b;margin:0}
.cw-note a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.cw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cw-done{padding:16px 18px;background:#e7f4fa;border-left:3px solid var(--blue);border-radius:3px}
.cw-done strong{display:block;font-size:16px;margin-bottom:4px}
.cw-done p{font-size:14px;color:var(--body)}
.cw-done a{color:var(--deep);text-decoration:underline}
/* Home page: the form sits on white under the heading, so it gets the panel the other pages have. */
.cw-panel{border:1px solid #c8d8de;background:#f3f7f8;border-radius:4px;padding:clamp(18px,2.3vw,33px);margin-top:28px;max-width:560px}
.cw-panel .cw-fields{margin-top:0;padding-top:0;border-top:0}
@media(max-width:640px){
  .cw-row{grid-template-columns:1fr}
  .cw-fields :is(input,select,textarea){font-size:16px} /* stops iOS zooming into the field */
}
/* The v8 mailto buttons are kept (their page scripts write to them) but hidden; .btn sets
   display and would otherwise beat the hidden attribute. */
.btn[hidden]{display:none}