/*
Theme Name: Bestvinhomes
Theme URI: https://bestvinhomes.com
Description: Theme riêng của bestvinhomes.com — nhẹ, code thuần, thay dần Houzez/Elementor. Giai đoạn chuyển tiếp dùng cơ chế "bridge" để mượn tạm header/footer/nội dung của Elementor, giữ nguyên giao diện hiện tại; sau đó thay từng mảnh bằng code.
Author: Bestvinhomes
Author URI: https://bestvinhomes.com
Version: 0.3.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bestvinhomes
*/

/* ============================================================
   DESIGN TOKENS — chụp từ live site 2026-06-10 (Elementor Kit #369)
   ============================================================ */
:root {
  --bvh-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bvh-fs-body: 17px;        /* live thật = 17px */
  --bvh-fs-body-mobile: 15px;
  --bvh-fw-regular: 400;      /* Text */
  --bvh-fw-medium: 500;       /* Accent */
  --bvh-fw-semibold: 600;     /* Secondary, line-height 1.3em */
  --bvh-fw-bold: 700;         /* Primary */
  --bvh-h1: 48px;
  --bvh-h2: 36px;
  --bvh-h3: 28px;
  --bvh-h4: 22px;
  --bvh-lh-heading: 1.3;
  /* Màu theme listing (Design System §6) */
  --bvh-lt-en: #639922;
  --bvh-st-en: #378ADD;
  --bvh-luxury: #B8962E;
  --bvh-lt-vn: #1B6B5A;
  --bvh-st-vn: #1A7A9A;
  --bvh-sale-vn: #B85030;
}

/* ============================================================
   BASE TYPOGRAPHY — Inter là font mặc định cơ bản cho TOÀN SITE.
   Áp ở selector gốc (body/heading) nên Elementor & shortcode (specificity
   cao hơn) vẫn tự quyết riêng — đây chỉ là nền chung, không phá vùng cũ.
   ============================================================ */
body,
button,
input,
select,
textarea {
  font-family: var(--bvh-font);
}
body {
  font-size: var(--bvh-fs-body);          /* 17px */
  font-weight: var(--bvh-fw-regular);     /* 400 */
  line-height: 1.6;
  color: #1a1a1a;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--bvh-font);
  font-weight: var(--bvh-fw-bold);        /* 700 */
  line-height: var(--bvh-lh-heading);     /* 1.3 */
}
h1 { font-size: var(--bvh-h1); }          /* 48px */
h2 { font-size: var(--bvh-h2); }          /* 36px */
h3 { font-size: var(--bvh-h3); }          /* 28px */
h4 { font-size: var(--bvh-h4); }          /* 22px */

@media (max-width: 768px) {
  body { font-size: var(--bvh-fs-body-mobile); } /* 15px */
}

/* ------------------------------------------------------------
   Fallback header/footer code thuần (CHỈ hiện khi đã bỏ Elementor).
   Giai đoạn bridge: Elementor render header/footer nên phần này ẩn.
   Để tối giản; sẽ tô kỹ khi build header/footer thật.
   ------------------------------------------------------------ */
.bvh-header__inner,
.bvh-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 20px;
  font-family: var(--bvh-font);
}
.bvh-logo { font-weight: var(--bvh-fw-bold); font-size: 24px; text-decoration: none; }
.bvh-main { font-family: var(--bvh-font); font-size: var(--bvh-fs-body); }