/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* OC-CF7-NOTICE — làm nổi bật thông báo gửi form (chữ trắng trên nền đậm) */
div.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
  padding: 12px 16px !important;
  margin: 10px 0 0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
/* THÀNH CÔNG: nền xanh đậm + chữ trắng */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ok{
  background-color: #0e7a3d !important;
  color: #ffffff !important;
  border: 1px solid #0e7a3d !important;
  opacity: 1 !important;
}
/* LỖI: nền đỏ đậm + chữ trắng (để không bị vô hình) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-validation-errors{
  background-color: #b3261e !important;
  color: #ffffff !important;
  border: 1px solid #b3261e !important;
  opacity: 1 !important;
  display: block !important;
}