/* =========================================================
   FLATSOME ADAPT — hoà giải CSS Flatsome ↔ CSS design Tấn Tài AM.
   Load SAU assets/style.css (design). 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 design */
html{background-color:var(--bg,#FBF8F3);}

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

/* Flatsome .container: max-width 1080 + padding 15px — design .container tự lo
   width min(1240px,100% - 48px) */
.page .container{max-width:none;padding-left:0;padding-right:0;}

/* Font Inter: Flatsome bơm font Lato qua inline CSS cuối wp_head — ép lại cho
   MỌI tag chữ (thiếu tag nào tag đó rơi về Lato) */
.page,
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,
.page p,.page a,.page li,.page span,.page b,.page button,.page input,.page select,
.page textarea,.page blockquote,.page figcaption,.page td,.page th,.page label,
.page small,.page time,.page div{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.page{color:var(--ink);font-size:16px;line-height:1.625;}

/* Heading: Flatsome đặt color #555 + margin .5em + size em riêng — design:
   inherit + margin 0 + size qua class (.h1/.h2/.h3) */
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,:where(.page) h5,:where(.page) h6{
  color:inherit;margin:0;line-height:1.2;font-weight:700;
}
:where(.page) p{margin:0;padding:0;}
.page ul{margin:0;padding:0;list-style:none;}
/* Flatsome thêm li{margin-bottom:.6em} + ul li{margin-left:1.3em} — reset ở
   specificity 0,0,2 (thắng Flatsome nhờ load sau; vẫn thua rule design
   .footer__col li + li{margin-top:14px} = 0,1,2) */
:where(.page) li,:where(.page) ul li{margin:0;}
/* Flatsome: .col-inner ul li{margin-left:1.3em} (0,1,2) — reset trong builder */
.page .col-inner ul li{margin:0;}

/* Flatsome blockquote italic + border — design KHÔNG reset blockquote nên
   dựa vào margin UA (1em 40px); chỉ trung hoà phần Flatsome thêm */
:where(.page) blockquote{margin:1em 40px;padding:0;border:0;font-style:normal;font-size:inherit;}
:where(.page) figure{margin:0;}

/* Flatsome p.lead{font-size:1.3em} (0,1,1) thắng .body-l (0,1,0) của design
   → mirror giá trị design ở specificity cao hơn */
.page .body-l{font-size:18px;line-height:1.67;}
/* Flatsome a{color:#334862} — reset cùng specificity 0,0,1 (load sau thắng),
   KHÔNG cao hơn để màu link design (.nav__link, .card__link…) vẫn ăn */
:where(.page) a{color:inherit;text-decoration:none;}

/* 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) */
/* design button{font:inherit} → line-height cũng inherit (KHÔNG dùng normal) */
:where(.page) button{
  margin:0;padding:1px 6px;min-height:0;text-transform:none;letter-spacing:inherit;
  border-radius:0;box-shadow:none;background:none;border:0;line-height:inherit;font-weight:inherit;
}

/* Section builder: Flatsome đặt display:flex + align-items:center — sections
   design chỉ chứa nội dung dọc → trả về block */
.page section.section{display:block;margin:0;}
.page .section .row{max-width:none;}

/* Nav design là flex hàng ngang — Flatsome .nav thêm flex-wrap:wrap */
.page nav.nav{flex-wrap:nowrap;}

/* ===== Contact Form 7 trong card .form (section Liên hệ) ===== */
.page .wpcf7{margin:0;}
.page .wpcf7-form br{display:none;}
.page .wpcf7-form .wpcf7-form-control-wrap{display:block;width:100%;}
/* Flatsome ép input height 2.507em + margin-bottom — trả về padding design */
.page .form .field input,.page .form .field textarea{
  height:auto;margin:0;box-shadow:none;display:block;line-height:inherit;font-size:16px;
}
/* CF7 textarea rows=10 cao gấp đôi design (min-height 110) */
.page .form .field textarea{height:110px;min-height:110px;}
.page .form .field label{margin:0;}
/* Form: Flatsome đặt form{margin-bottom:1.3em} — flex/grid item KHÔNG collapse
   margin → cột form dài vô hình ~20.8px */
.page form.form,.page .wpcf7-form{margin:0;}
/* Nút submit: Flatsome ép height 2.507em + uppercase + bg riêng (specificity
   input[type=submit] thắng .btn design) — dựng lại đúng .btn/.btn--accent/--block */
.page .form input[type=submit],.page .form button[type=submit]{
  height:auto;min-height:0;margin:0;padding:16px 30px;border:0;border-radius:var(--r-md);
  font-size:16px;font-weight:600;line-height:1.25;text-transform:none;letter-spacing:normal;
  background:var(--accent);color:var(--brand-deep);width:100%;box-shadow:none;
  transition:background-color .18s ease,color .18s ease;
}
.page .form input[type=submit]:hover,.page .form button[type=submit]:hover{
  background:var(--accent-hover);color:var(--on-brand);
}
/* Spinner CF7 visibility:hidden vẫn chiếm chỗ — bỏ khỏi flow */
.page .wpcf7-spinner{display:none;}
.page .wpcf7-form.init .wpcf7-response-output,
.page .wpcf7-response-output[aria-hidden="true"]{display:none;}
.page .wpcf7-response-output{margin:0;border:0;padding:0;font-size:14px;color:var(--muted);}

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