/* ============================================================
   VCO BRAND LAYER v1.1 (VCO-BG-01) - STAGING
   Chien luoc: de thang vao BIEN CSS cua theme (theme render bang var)
   Go bo: xoa file nay + mu-plugins/vco-brand.php la ve nguyen trang
   ============================================================ */

/* ---------- 1. Bo bien goc cua theme ---------- */
:root{
  --font-pri:'Lexend',sans-serif !important;
  --font-sec:'Lexend',sans-serif !important;
  --color-pri:#EC1C24 !important;
  --color-pri-in:#B3141B !important;
  --color-menu:#B3141B !important;
  --color-text:#1A1414 !important;
  --color-text-8:#EC1C24 !important;
  --color-linear-8:linear-gradient(180deg,#EC1C24 0%,#5C0A0E 100%) !important;
  --color-linear-9:linear-gradient(147deg,#EC1C24 6.95%,#8E1016 93.05%) !important;
  --color-linear-10:linear-gradient(147deg,#EC1C24 0%,#B3141B 100%) !important;
  /* bien cua lop CSS bo sung (Customizer) */
  --vco-red:#EC1C24 !important;
  --vco-ink:#1A1414 !important;
  --vco-soft:#FAF6F0 !important;
}

/* ---------- 2. Font: Lexend toan trang, giu nguyen icon ---------- */
body :not(i):not([class*='fa-']):not(.fa):not(.fas):not(.far):not(.fab){
  font-family:'Lexend',-apple-system,'Segoe UI',sans-serif;
}
body{font-family:'Lexend',-apple-system,'Segoe UI',sans-serif;color:#1A1414;}
h1,h2,.title-pri{font-weight:800;letter-spacing:-0.02em;}
h3,h4{font-weight:700;letter-spacing:-0.01em;}

/* ---------- 3. Mau ---------- */
.btn-pri.btn-pri.btn-pri{background:#EC1C24 !important;border-color:#EC1C24 !important;background-image:none !important;}
.btn-pri.btn-pri.btn-pri:hover{background:#B3141B !important;border-color:#B3141B !important;}
.btn-white.btn-main{color:#B3141B;}
a:hover{color:#B3141B;}
.countNum,.number{color:#EC1C24;}

/* ---------- 4. Nen xam -> kem ---------- */
.sec-hserv,.sec-hrate,.sec-hpartn,.sec-vcoseo,.sec-hguest,
.sec-pdure,.sec-pjgrl,.sec-vcocred,.sec-vcofaq,
.sec-vcobl-list,.sec-vcost-list,.pd-sec.bg-grey,.bg-gray,.bg-grey{
  background-color:#FAF6F0 !important;
}

/* ---------- 5. Bo goc dong nhat ---------- */
.hserv-item,.hrate-item,.pjgrl-img,.hpartn-img{border-radius:20px;overflow:hidden;}


/* ============================================================
   PASS 2: khác biệt nhìn thấy ngay (hero kem, nút pill, tagline)
   ============================================================ */

/* Hero nền kem + chấm đỏ trang trí */
.sec-hbanner{background:#FAF6F0 !important;position:relative;}

/* Toàn bộ nút chính sang dạng pill */
.btn-main,.btn-pri,.btn-white,.wpcf7-submit,button[type=submit]{
  border-radius:999px !important;
}
.btn-main{padding-left:28px;padding-right:28px;}

/* Tagline dưới H1: biến thành câu brand nổi bật */
.sec-hbanner .hbanner-sub,.sec-hbanner .sub-tt{
  color:#B3141B;font-weight:700;
}

/* Tiêu đề hero: bỏ dáng chữ hẹp cao của font cũ */
.sec-hbanner .title-pri{font-size:clamp(34px,3.4vw,52px);line-height:1.15;}

/* Thẻ tag section: pill hồng nhạt chữ đỏ */
.tag{
  display:inline-block;background:#FDE4E2;color:#B3141B !important;
  border-radius:999px;padding:6px 16px;font-weight:600;letter-spacing:.08em;
}

/* Video hero: khung bo tròn + viền trắng dày kiểu brand */
.sec-hbanner iframe,.sec-hbanner video{
  border-radius:24px;box-shadow:0 24px 48px rgba(26,20,20,.16);
}

/* Header: nền kem nhạt + nút hotline pill mực */
header,.header{background:#FFFFFF;}
.btn-theme.themeBtn{border-radius:999px !important;}

/* Form khối: input bo tròn, nền kem */
.sec-hctact input,.sec-hctact textarea,.sec-hctact select{
  border-radius:12px !important;background:#FAF6F0;
}

/* Footer đen giữ, nhưng điểm nhấn đỏ chuẩn */
footer .ft-tt,footer h4{color:#F4B4B0;}