/* =========================================================
   FLATSOME ADAPT — hoà giải CSS Flatsome ↔ CSS design Tam Dương.
   Load SAU site.css/home.css/pages.css. Chỉ chứa reset các rule
   Flatsome rò rỉ vào markup design; KHÔNG chứa style mới.
   ========================================================= */

/* Flatsome đặt html{background:#4d4d4d} — trả về nền trắng design */
html{background-color:#fff;}

/* #wrapper nhận vai .page: full-bleed như design (không khung Flatsome) */
#wrapper.page{width:100%;max-width:none;margin:0;background:var(--white);position:relative;overflow:visible;}

/* Kế thừa font/màu design cho toàn trang (đề phòng inline CSS Flatsome) */
.page{font-family:var(--font-body);color:var(--ink);line-height:1.6;}
/* Heading không đặt size trong design dùng UA default — Flatsome đặt em riêng (h2 1.73em…) */
h1{font-size:2em;}h2{font-size:1.5em;}h3{font-size:1.17em;}h4{font-size:1em;}h5{font-size:.83em;}h6{font-size:.67em;}
:where(.page) h1,:where(.page) h2,:where(.page) h3,:where(.page) h4{font-family:var(--font-head);font-weight:400;}

/* Flatsome heading: color #555 + margin .5em — design: inherit + margin 0 */
:where(.page) h1,:where(.page) h2,:where(.page) h3,:where(.page) h4,:where(.page) h5,:where(.page) h6{
  color:inherit;margin:0;line-height:1.2;
}
:where(.page) p{margin:0;padding:0;}
/* Flatsome ép dt uppercase/size + margin dl — trả về design (tag selector thắng theo thứ tự load) */
dl{font-size:inherit;opacity:1;text-transform:none;margin:1em 0;}
dt,dd,dl dt,dl dd{text-transform:none;letter-spacing:normal;margin:0;font-size:inherit;line-height:inherit;font-style:normal;}

/* Button: Flatsome thêm uppercase/padding/min-height/letter-spacing cho <button>
   — trả về nút "trần" như design (class design tự style lại) */
:where(.page) button{
  margin:0;padding:0;min-height:0;text-transform:none;letter-spacing:normal;
  border-radius:0;box-shadow:none;background:none;border:0;line-height:normal;
}

/* Flatsome .row{width:100%}+max-width có thể rò vào design (.news-row, .cta-row
   là flex div thường — không phải .row Flatsome nên an toàn); giữ guard cho .row builder */
.page .section .row{max-width:none;}

/* ===== Contact Form 7 trong card .cta-form (footer design) ===== */
/* CF7 gom control vào <p> + <br>: markup form đã là .field/.field-row design,
   chỉ cần triệt margin/height Flatsome bơm vào */
.cta-form .wpcf7 p{margin:0;}
.cta-form .wpcf7-form{margin:0;}
.cta-form .wpcf7-form br{display:none;}
.cta-form .wpcf7-form .wpcf7-form-control-wrap{display:block;width:100%;}
/* Flatsome ép input height 2.507em + margin-bottom — trả về padding design */
.page .cta-form .field input,.page .cta-form .field textarea{
  height:auto;margin:0;box-shadow:none;display:block;line-height:normal;font-size:15px;
}
.page .cta-form .field textarea{height:71px;min-height:71px;}
/* Flatsome đặt label{margin-bottom:.3em} — design .field dùng flex gap:7px */
.page .cta-form .field label{margin:0;}
/* Nút submit: Flatsome uppercase + margin-bottom ~15px */
.page .cta-form .btn-submit,
.page .cta-form input[type=submit],.page .cta-form button[type=submit]{
  margin-bottom:0;text-transform:none;letter-spacing:.15px;
}
.page .cta-form .btn-submit{margin-top:24px;}
/* Spinner CF7 visibility:hidden vẫn chiếm chỗ — bỏ khỏi flow */
.cta-form .wpcf7-spinner{display:none;}
.cta-form .wpcf7-form.init .wpcf7-response-output,
.cta-form .wpcf7-response-output[aria-hidden="true"]{display:none;}
.cta-form .wpcf7-response-output{margin:8px 0 0;}

/* Ẩn phần tử Flatsome không dùng nếu bị bơm vào */
.back-to-top{display:none!important;}