/* ============================================================
   NỀN TẢNG NHẬN DIỆN TOÀN SITE — adongland.vn
   ------------------------------------------------------------
   · Design system: 02-design-system.md (Navy Heritage)
   · Nguyên tắc: CHỈ đổi MÀU và FONT. Không đụng vào bố cục,
     lưới hay khoảng cách của Flatsome / UX Builder — để các
     trang đang dựng bằng UX Builder không bị vỡ.
   · Cách lùi lại: bỏ dòng nạp file này trong functions.php.
   ============================================================ */

/* --- 1. Bảng màu: ghi đè bằng chính hệ biến của Flatsome --- */
:root{
  /* Token của Á Đông Land */
  --adl-navy-900:#041A33;
  --adl-navy-800:#052A4F;
  --adl-navy:#033867;
  --adl-navy-600:#0A4C86;
  --adl-navy-50:#EDF2F8;
  --adl-gold:#C9A961;
  --adl-gold-bright:#E0C88C;
  --adl-paper:#F7F5F1;
  --adl-ink:#10192A;
  --adl-muted:#5C6B7F;
  --adl-line:#DDE4EC;

  /* Ghi đè biến của Flatsome — sạch hơn là ép !important lên từng selector */
  --primary-color:#033867;
  --fs-color-primary:#033867;
  --fs-color-secondary:#C9A961;
  --fs-color-base:#10192A;

  /* Màu link cũ (#faa019) chỉ đạt 2.08:1 trên nền trắng — dưới ngưỡng
     WCAG AA 4.5:1. Navy đạt 10.92:1. */
  --fs-experimental-link-color:#033867;
  --fs-experimental-link-color-hover:#C9A961;
}

/* --- 2. Typography --- */
body{
  font-family:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;
  color:var(--adl-ink);
}
h1,h2,h3,h4,h5,
.heading-font,
h1.entry-title,
.section-title-main,
.banner h1,.banner h2,.banner h3{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:500;
  letter-spacing:0;
  line-height:1.16;
  text-transform:none; /* site đang lạm dụng CHỮ IN HOA cho cả đoạn dài */
}
h5,h6{font-family:"Be Vietnam Pro", system-ui, sans-serif;font-weight:600}

/* Nhãn nhỏ dạng eyebrow vẫn giữ in hoa — đó là chủ ý thiết kế */
.is-uppercase,.uppercase,.section-title span{text-transform:uppercase}

/* --- 3. Nút --- */
.button,button,input[type="submit"],.btn{
  font-family:"Be Vietnam Pro", system-ui, sans-serif;
  font-weight:600;
  letter-spacing:.02em;
  border-radius:2px; /* gần vuông — cảm giác kiến trúc */
  text-transform:none;
}
.button.primary,input[type="submit"]{
  background-color:var(--adl-navy);
  border-color:var(--adl-navy);
  color:#fff;
}
.button.primary:hover,input[type="submit"]:hover{
  background-color:var(--adl-navy-600);
  border-color:var(--adl-navy-600);
}
.button.secondary{
  background-color:var(--adl-gold);
  border-color:var(--adl-gold);
  color:var(--adl-ink);
}
.button.secondary:hover{
  background-color:var(--adl-gold-bright);
  border-color:var(--adl-gold-bright);
  color:var(--adl-ink);
}

/* --- 4. Link --- */
a{color:var(--adl-navy);transition:color .2s}
a:hover{color:var(--adl-gold)}
/* Link nằm trong khối nền tối thì giữ màu sáng */
.dark a,.dark a:hover{color:inherit}

/* --- 5. Chi tiết nhỏ --- */
blockquote{border-left:2px solid var(--adl-gold);font-family:"Playfair Display",Georgia,serif;font-style:italic}
hr,.divider{border-color:var(--adl-line)}
::selection{background:var(--adl-gold);color:var(--adl-ink)}

/* --- 6. Form (Contact Form 7) --- */
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],
.wpcf7 select,.wpcf7 textarea{
  border-radius:2px;
  border:1px solid var(--adl-line);
  font-family:"Be Vietnam Pro", system-ui, sans-serif;
}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{
  border-color:var(--adl-navy);
  outline:none;
}
.wpcf7 input[type="submit"]{
  background:var(--adl-gold);
  color:var(--adl-ink);
  border:none;
}
.wpcf7 input[type="submit"]:hover{background:var(--adl-gold-bright)}
