/* ==========================================================================
   Home — Liên hệ (Tư vấn & Báo giá) — BrandKeyPro
   Thứ tự: Wrapper → Grid → Columns → Form Grid → Placeholder/States → Responsive
   ========================================================================== */

/* 1) GRID ngoài (section) – 2 cột trái/phải */
.contact .bk-home-contact__grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* Trái: info, Phải: form */
  gap: 1.25rem;
  align-items: center;
}

/* 2) COLUMNS */
.bk-home-contact__col{ min-width: 0; }
.bk-home-contact__col--left p{ margin: 0 0 .75rem; }

/* 3) GRID trong (form) – 2 cột input */
.contact .bk-home-contact__col--right form{
  display: grid;
  grid-template-columns: 1fr 1fr; /* Các input chia 2 cột */
  gap: 1.25rem;
}

/* Mỗi field (thường là <p> hoặc <div>) là 1 ô lưới */
.contact .bk-home-contact__col--right .wpcf7 form > p,
.contact .bk-home-contact__col--right form > div{
  margin: 0; /* loại bỏ khoảng cách thừa */
}

/* Label: bỏ margin dưới để không sinh line-break giả giống <br> */
.contact .bk-home-contact__col--right .wpcf7 form label{
  display: block;
  margin-bottom: .25rem;  /* nhỏ gọn hơn, không sinh dòng thừa */
  font-weight: 600;
}

/* Textarea & nút submit chiếm full hàng */
.contact .bk-home-contact__col--right .wpcf7 form > p:has(textarea),
.contact .bk-home-contact__col--right .wpcf7 form > div:has(textarea),
.contact .bk-home-contact__col--right .wpcf7 form > p:has([type="submit"]),
.contact .bk-home-contact__col--right .wpcf7 form > div:has([type="submit"]),
.contact .bk-home-contact__col--right .wpcf7 form > p:has(button),
.contact .bk-home-contact__col--right .wpcf7 form > div:has(button){
  grid-column: 1 / -1;
}

/* 4) PLACEHOLDER / STATES */
.bk-home-contact__form-placeholder{
  border: 1px dashed var(--neutral-300);
  padding: 1rem;
  border-radius: var(--radius-sm);
  text-align: center;
  color: var(--neutral-600);
}

/* 5) RESPONSIVE */
@media (max-width: 40rem){
  .contact .bk-home-contact__grid{
    grid-template-columns: 1fr;
    align-items: start; /* mobile bám trên */
  }
  .contact .bk-home-contact__col--right .wpcf7 form,
  .contact .bk-home-contact__col--right form{
    grid-template-columns: 1fr;
  }
}