/* =====================================================
   Custom USP Form Styles – Final Merged CSS
   (Đã ghép từ file gốc USP và file custom của bạn)
   ===================================================== */

/* Tổng quan form */
#usp-custom-form {
  max-width: 700px;
  margin: 30px auto;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Nhóm trường */
.usp-field-group {
  margin-bottom: 20px;
}

/* Nhãn */
.usp-label {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

/* Input, Textarea, Select, File */
.usp-input,
.usp-textarea,
.usp-select,
.usp-file {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  color: #444;
}

/* Hiệu ứng focus cho input, textarea, select */
.usp-input:focus,
.usp-textarea:focus,
.usp-select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
  outline: none;
}

/* WYSIWYG Editor - khung chung */
#usp-content-wrap {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 5px;
}
#usp-content_ifr {
  min-height: 200px;
  border-radius: 6px;
}

/* Nếu form có phần hiển thị danh sách category dạng checkbox (các trường hợp USP gốc) */
.usp-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.usp-cat-label {
  font-weight: 400;
  cursor: pointer;
}
.usp-cat-label input {
  margin-right: 5px;
}

/* Nút submit */
.usp-submit-group {
  text-align: center;
}
.usp-submit-btn {
  background-color: #0073aa;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.usp-submit-btn:hover {
  background-color: #005f8d;
}

/* Trường select */
.usp-select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  color: #444;
  background-color: #fff;
}
.usp-select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
  outline: none;
}

/* =====================================================
   End Custom USP Form Styles
   ===================================================== */