/**
 * Minimal CSS for [askin_contact_form]. Field/button styling intentionally
 * reuses the active theme's existing classes (.form-row, .form-error,
 * .btn, .btn--primary, .has-error) so the form matches the site design
 * without this plugin needing to know anything about it. Only the bits
 * unique to this plugin (honeypot, success/error banner, recaptcha spacing)
 * are styled here, with safe fallbacks in case the theme classes are absent.
 */

.askin-hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.askin-leads-notice {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.askin-leads-notice--success {
  background: #eafaf0;
  color: #14532d;
  border: 1px solid #bbf0cc;
}

.askin-leads-notice--error {
  background: #fdecec;
  color: #7a1414;
  border: 1px solid #f5b5b5;
}

.askin-recaptcha-disclosure {
  font-size: 12px;
  line-height: 1.5;
  color: #6b7280;
  margin-top: 10px;
}

.askin-leads-form-wrap form:not([class]) .form-row {
  margin-bottom: 16px;
}

.askin-leads-form-wrap form:not([class]) label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

.askin-leads-form-wrap form:not([class]) input,
.askin-leads-form-wrap form:not([class]) select,
.askin-leads-form-wrap form:not([class]) textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d7dbe0;
  border-radius: 8px;
  font: inherit;
}

.askin-leads-form-wrap form:not([class]) .form-error {
  display: block;
  color: #b3261e;
  font-size: 13px;
  margin-top: 4px;
  min-height: 1em;
}