/* =====================================================================
   B09 — Mục liên hệ: sửa lỗi
   =====================================================================
   Nạp sau b09.css và layout.css.

   Đây là block quyết định chuyện có lấy được khách hay không, nên rà kỹ
   nhất. Bố cục ổn: 1440px chia ba cột 319/531/350, 375px xếp dọc, lề
   thẻ 18px khớp đúng các khối khác, không tràn ngang.

   BA VẤN ĐỀ ĐO ĐƯỢC

   1. Ô nhập cao 41px ở mọi khổ màn, kể cả điện thoại. Mức tối thiểu cho
      ngón tay là 44px. Sáu ô đều thấp hơn, mà đây lại là thứ khách phải
      chạm trúng sáu lần liên tiếp.

   2. Chữ 10px ở bốn thẻ lợi ích và dòng cam kết bảo mật dưới nút gửi.
      Dòng bảo mật nói "Thông tin chỉ được sử dụng để liên hệ..." — chính
      là câu trấn an khách trước khi bấm gửi, để 10px thì ai đọc.

   3. Ô nhập không có dấu hiệu khi sai. Xem thêm js/b09-1.js.
   ===================================================================== */

/* --- 1. Ô nhập đủ cao để chạm ---------------------------------------- */

.b09 .formcard input,
.b09 .formcard select {
  min-height: 46px;
}

.b09 .formcard textarea {
  min-height: 104px;
}

/* --- 2. Chữ quá nhỏ --------------------------------------------------- */

.b09 .adv p {
  font-size: 12.5px;
  line-height: 1.65;
}

.b09 .privacy {
  font-size: 12px;
  line-height: 1.6;
}

.b09 .info-note p {
  font-size: 12.5px;
  line-height: 1.65;
}

/* --- 3. Dấu hiệu ô nhập sai ------------------------------------------- */
/* js/b09-1.js gắn aria-invalid cho ô có vấn đề. Không chỉ tô đỏ, vì
   người mù màu không phân biệt được — thêm cả viền dày và nền nhạt. */

.b09 .formcard [aria-invalid="true"] {
  border-color: #e0404f;
  border-width: 2px;
  background: #fff6f6;
}

.b09 .formcard [aria-invalid="true"]:focus {
  outline-color: #e0404f;
}

/* Dòng báo lỗi dưới từng ô */
.b09 .field-note {
  display: block;
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.5;
  color: #c5283a;
  font-weight: 600;
}

.b09 .field-note:empty {
  display: none;
}

/* Thông báo chung dưới nút gửi */
.b09 .feedback {
  font-size: 12.5px;
  line-height: 1.6;
}

/* Dòng phụ dưới số hotline còn 11px trên máy tính — nâng cho bằng phần
   còn lại của khối liên hệ. */
.b09 .detail p {
  font-size: 12px;
  line-height: 1.6;
}