/* AC Leads — quote form. Uses AC Install Cost theme tokens when present,
   with fallbacks so the form still looks right on any theme. */
.acl-form {
  --_blue: var(--ac-blue, #0A6EBD);
  --_ink: var(--ac-ink, #14202B);
  --_slate: var(--ac-slate, #5A6B78);
  --_line: var(--ac-line, #DCE6EE);
  --_cta: var(--ac-cta, #E4571C);
  --_green: var(--ac-green, #1E9E6A);
  background: #fff;
  border-radius: 12px;
  max-width: 460px;
}
.acl-form__title { font-weight: 800; font-size: 1.1rem; margin: 0 0 12px; color: var(--_ink); }
.acl-row { display: flex; gap: 10px; }
.acl-row .acl-field { flex: 1 1 0; }
.acl-field { margin-bottom: 12px; }
.acl-field label { display: block; font-size: .8rem; font-weight: 700; color: var(--_slate); margin-bottom: 5px; }
.acl-form input, .acl-form select {
  width: 100%; box-sizing: border-box; padding: 11px 13px; font-size: 1rem; font-family: inherit;
  border: 1px solid var(--_line); border-radius: 8px; background: #fff; color: var(--_ink);
}
.acl-form input:focus, .acl-form select:focus {
  outline: 3px solid rgba(10,110,189,.22); border-color: var(--_blue);
}
.acl-btn {
  width: 100%; padding: 13px 20px; border: 0; border-radius: 8px; cursor: pointer;
  background: var(--_cta); color: #fff; font-weight: 700; font-size: 1rem; font-family: inherit;
  transition: background .15s, transform .05s;
}
.acl-btn:hover { background: #C6440F; }
.acl-btn:active { transform: translateY(1px); }
.acl-btn:disabled { opacity: .7; cursor: default; }

.acl-msg { margin: 12px 0 0; font-weight: 600; font-size: .92rem; }
.acl-msg.is-ok { color: var(--_green); }
.acl-msg.is-err { color: var(--_cta); }
.acl-fineprint { margin: 10px 0 0; font-size: .75rem; color: var(--_slate); }

/* Honeypot — visually gone, still in the DOM for bots. */
.acl-hp { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 480px) {
  .acl-row { flex-direction: column; gap: 0; }
}