/* --- GIAO DIỆN CƠ BẢN --- */

/* Nút gửi full chiều ngang, bo góc */
.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 100%;
  background-color: #6a0dad;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-size: 1.1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hiệu ứng hover nút gửi */
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background-color: #5700b3;
}

/* Căn giữa phản hồi */
.wpcf7 form .wpcf7-response-output {
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  padding: 10px;
}

/* Font size + màu trắng cho label checkbox */
span.wpcf7-list-item label {
  font-size: 1.2rem;
  color: white !important;
}

/* Checkbox gọn, sát dòng */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Khoảng cách giữa ô vuông và chữ */
.wpcf7-list-item-label {
  padding-left: 4px;
}

/* Khoảng cách dưới mỗi label */
.wpcf7-form label {
  margin-bottom: 6px;
  display: block;
}

/* Ẩn  gây giãn dòng */
.wpcf7-form br {
  display: none;
}

/* --- CẢI THIỆN TRẢI NGHIỆM MOBILE --- */
@media screen and (max-width: 768px) {
  .wpcf7-form-control {
    font-size: 1rem;
  }

  span.wpcf7-list-item label {
    font-size: 1rem;
  }

  .wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 1rem;
    padding: 10px;
  }
}

/* --- ĐỒNG BỘ FONT CHỮ TOÀN FORM (nếu muốn) --- */
.wpcf7-form {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}