/* ============================================================
   lead-assist.css — 表單填寫輔助的提示樣式
   部署位置：/Content/css/lead-assist.css（於 site.css 之後載入）
   只有 lead-assist.js 執行後才會出現這些元素；沒有動畫。
   ============================================================ */

/* 欄位下方提示（信箱建議、手機格式） */
.la-hint { display: block; margin: 6px 0 0; font-size: 14px; font-weight: 500; line-height: 1.6; color: #7a4f00; }
.la-hint[hidden], .la-left[hidden] { display: none !important; }

/* 可點的信箱建議 */
.la-hint .la-sug {
  display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; margin: 0; padding: 8px 12px;
  border: 1px solid #e3c271; border-radius: 8px; background: #fff8e6; color: #0B3D91;
  font: inherit; font-size: 15px; font-weight: 700; line-height: 1.5; text-align: left;
  overflow-wrap: anywhere; word-break: break-word; cursor: pointer; text-decoration: underline; text-underline-offset: 3px;
}
.la-hint .la-sug:hover { background: #fff1cc; }
.la-hint .la-sug:focus-visible { outline: 3px solid #3FA9F5; outline-offset: 2px; }

/* 送出按鈕上方：還差幾欄 */
.la-left { margin: 6px 0 0; font-size: 14px; font-weight: 500; line-height: 1.6; color: #4a566b; }
.la-left.is-ready { color: #1f6b3a; font-weight: 700; }

/* 送出中 */
button.la-sending, input.la-sending { cursor: progress; opacity: .85; }