/* Valuation enquiry form (staging, 2 Nov 2026). Uses the site's existing tokens. */
.val-form { margin-top: 2rem; max-width: 44rem; background: var(--white); border: 1px solid rgba(196, 202, 210, 0.7); border-left: 3px solid var(--yellow); border-radius: 0.4rem; padding: 1.4rem 1.25rem 1.5rem; }
.val-form__title { font-size: 1rem; font-weight: 550; margin-bottom: 1rem; }
.val-form__grid { display: grid; gap: 0.9rem 1rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .val-form__grid { grid-template-columns: 1fr 1fr; } .val-field--wide { grid-column: 1 / -1; } }
.val-field { display: grid; gap: 0.35rem; font-size: 0.9rem; color: var(--charcoal); border: 0; padding: 0; margin: 0; min-width: 0; }
.val-field em { font-style: normal; color: var(--muted); font-size: 0.8rem; }
.val-field input, .val-field select, .val-field textarea { font: inherit; font-size: 1rem; color: var(--charcoal); background: var(--field); border: 1px solid var(--chrome); border-radius: 0.3rem; padding: 0.65rem 0.75rem; width: 100%; transition: border-color .15s, box-shadow .15s; }
.val-field input:focus, .val-field select:focus, .val-field textarea:focus { outline: none; border-color: var(--charcoal); box-shadow: 0 0 0 3px rgba(244, 184, 0, 0.35); }
.val-field [aria-invalid="true"] { border-color: #B3261E; }
.val-choice legend { margin-bottom: 0.35rem; }
.val-choice label { display: inline-flex; align-items: center; gap: 0.4rem; margin-right: 1.1rem; font-size: 0.95rem; }
.val-choice input { accent-color: var(--charcoal); }
.val-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.val-form__hint { font-size: 0.85rem; margin-top: 0.9rem; }
.val-form .cf-turnstile { margin-top: 1rem; min-height: 65px; }
.val-form__actions { margin-top: 1rem; }
.val-form__actions .btn[disabled] { opacity: 0.6; cursor: progress; }
.val-form__status { margin-top: 0.9rem; font-size: 0.95rem; padding: 0.75rem 0.9rem; border-radius: 0.3rem; background: var(--soft); color: var(--charcoal) !important; }
.val-form__status.is-error { background: #FCEDEC; color: #7A1A14 !important; }
.val-form__status.is-success { background: #FFF6D6; }
.val-form.is-sent .val-form__grid, .val-form.is-sent .val-form__hint, .val-form.is-sent .cf-turnstile, .val-form.is-sent .val-form__actions { display: none; }