/* ══════════════════════════════════════════════════════════════════
   thuong-hieu.css — lop nhan dien NGOC TIN de len theme ftech
   ──────────────────────────────────────────────────────────────────
   NAP SAU CUNG trong <head>. TUYET DOI khong sua main.css.
   Giu nguyen 100% ten lop de hieu ung trong main.js khong gay.
   Sinh tu dong bang tools/gen-brand-css.mjs — sua bang mau trong
   script roi sinh lai, dung sua tay file nay.
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. Biến nhận diện Ngọc Tín ─────────────────────────────────── */
:root {
  /* Nền — giữ nguyên tông tối sẵn có */
  --nt-ground:    #080D18;
  --nt-surface:   #0F1828;
  --nt-raised:    #16223A;
  --nt-hairline:  #1E2C46;

  /* Vàng — đo trực tiếp từ file logo Ngọc Tín, không ước lượng */
  --nt-gold-hi:   #E4C95B;
  --nt-gold:      #C4A136;
  --nt-gold-deep: #9A7415;

  /* Navy — vai phụ, nền khối lớn và hình trang trí */
  --nt-navy:      #0F3F6B;
  --nt-navy-lt:   #1E4F80;
  --nt-navy-chip: #2A6099;   /* the noi tren nen navy — giu buoc sang 1,66 nhu ban goc */

  /* Cyan — chỉ dùng cho đường kẻ mảnh, không dùng làm mảng lớn */
  --nt-cyan:      #3FD8E8;

  --nt-ink:       #E6EDF7;
  --nt-ink-2:     #9DB0CA;
  --nt-ink-muted: #68809F;

  /* Chữ đặt trên nền vàng — BẮT BUỘC tối, chữ trắng chỉ đạt 2,47 */
  --nt-on-gold:   #10161F;

  /* Đè biến của theme — 5 dòng này ăn 185 chỗ trong main.css */
  --ftc-pr-1: #C4A136;
  --ftc-pr-2: #E4C95B;
  --ftc-sd-1: #0F3F6B;
  --ftc-gd-1: linear-gradient(90deg, #C4A136 0%, #E4C95B 100%);
  --ftc-gd-2: linear-gradient(90deg, #9A7415 0%, #E4C95B 100%);

  /* Font — Ubuntu KHÔNG có dải tiếng Việt nên chữ có dấu rơi về font hệ
     thống. Be Vietnam Pro đủ dấu. Saira/Unbounded giữ nguyên cho tiêu đề. */
  --ftc-pr-font: "Be Vietnam Pro", system-ui, sans-serif;
  --roboto:      "Be Vietnam Pro", system-ui, sans-serif;
}

/* ── 2. Chữ ─────────────────────────────────────────────────────── */
body,
body p,
.ftc-para-2,
.input-label,
input, textarea, button, select {
  font-family: var(--ftc-pr-font) !important;
}
.ftc-achieve-4-item .number,
.counter { font-variant-numeric: tabular-nums; }

/* ── 3. Tiêu đề phụ — bỏ chữ chuyển sắc, dùng vàng phẳng cho rõ ─── */
.ftc-subtitle-2 {
  background: none !important;
  -webkit-text-fill-color: var(--nt-gold) !important;
  color: var(--nt-gold) !important;
}

/* ── 3b. Font tiêu đề phụ — Galada KHÔNG có dải tiếng Việt nên chữ có dấu
   rơi sang font hệ thống. Saira đủ dấu và giữ đúng chất tiêu đề của theme. */
.ftc-subtitle-2,
.ftc-subtitle-2 .ftc-color-gd-2,
.ftc-subtitle-2 span {
  font-family: "Saira", system-ui, sans-serif !important;
}

/* ── 3c. Đoạn văn khối Dịch vụ — Elementor đặt cứng "Roboto", mà Roboto đã
   được gỡ khỏi khối link font ở đợt trước ⇒ nó đang rơi về font hệ thống. */
.elementor-2275 .elementor-element.elementor-element-1f8b5794 {
  font-family: var(--ftc-pr-font) !important;
}

/* ── 11. Mau tim -> nt-gold (3 khối) ── */
.ftc-testimonial-4-slider-btn:hover { background: var(--nt-gold) !important; }
.ftc-services-4-card { background: var(--nt-gold) !important; }
.ftc-services-4-card .icon { border: 8px solid var(--nt-gold) !important; }

/* ── 12. Mau nen toi -> nt-surface (2 khối) ── */
.ftc-campaign-4-card { background: var(--nt-surface) !important; }
.ftc-blog-4-item { background: var(--nt-surface) !important; }

/* ── 13. Mau tim xanh -> nt-navy (1 khối) ── */
.ftc-campaign-4-box { background: var(--nt-navy) !important; }

/* ── 14. Mau den 1 -> nt-ground (1 khối) ── */
.ftc-pr-btn-5::before { background-color: var(--nt-ground) !important; }

/* ── 15. Mau den 2 -> nt-ground (2 khối) ── */
.ftc-testimonial-4-slider-btn { background: var(--nt-ground) !important; }
.ftc-testimonial-4-slider-btn { outline: 5px solid var(--nt-ground) !important; }

/* ── 16. Mau vien phai thay duoc nhung im lang (1 khối) ── */
.ftc-choose-us-4-feature { border: 1px solid var(--nt-navy-lt) !important; }

/* ── 17. Mau vien the tim xin -> hairline (1 khối) ── */
.ftc-project-4-item { border: 1px solid var(--nt-hairline) !important; }

/* ── 18. Mau nen thuong hieu roi co chu (1 khối) ── */
.ftc-campaign-4-tag-item { background: var(--nt-navy-chip) !important; }

/* ── 19. Dau tich la diem nhan tich cuc (1 khối) ── */
.ftc-price-4-card .feature-list li i { color: var(--nt-gold) !important; }

/* ── 20. Vien the tin tuc hover (1 khối) ── */
.ftc-blog-4-item:hover { border-color: var(--nt-gold) !important; }

/* ── 21. Vien nut tuong tac (1 khối) ── */
.ftc-testimonial-4-slider-btn { border: 2px solid var(--nt-gold) !important; }

/* ── 22. Mui ten nut tuong tac (1 khối) ── */
.ftc-testimonial-4-slider-btn { color: var(--nt-gold) !important; }

/* ── 23. Nen bieu tuong (1 khối) ── */
.ftc-services-4-card .icon { background: var(--nt-navy) !important; }

/* ── 4. Sáu thẻ dịch vụ — bỏ 6 màu sặc sỡ nằm ngoài bảng màu ────── */
.ftc-services-4-card {
  background: var(--nt-surface) !important;
  box-shadow: inset 0 0 0 1px var(--nt-hairline) !important;
}
.ftc-services-4-card .icon {
  background: var(--nt-navy) !important;
  color: #fff !important;
}
/* Chỉ thẻ đang rê chuột mới sáng lên — một điểm nhấn tại một thời điểm */
.ftc-services-4-card:hover .icon {
  background: var(--nt-gold) !important;
  color: var(--nt-on-gold) !important;
}

/* ── 5. Nền khối tối ────────────────────────────────────────────── */
.ftc-campaign-4-card,
.ftc-blog-4-item { background: var(--nt-surface) !important; }
.ftc-campaign-4-box { background: var(--nt-navy) !important; }
.ftc-testimonial-4-slider-btn {
  background: var(--nt-ground) !important;
  outline: 5px solid var(--nt-ground) !important;
}
.ftc-testimonial-4-slider-btn:hover {
  background: var(--nt-gold) !important;
  color: var(--nt-on-gold) !important;
}

/* ── 6. Nút chính — nền vàng thì chữ BẮT BUỘC tối ───────────────── */
.ftc-pr-btn-5 {
  background: var(--nt-gold) !important;
  color: var(--nt-on-gold) !important;
}
.ftc-pr-btn-5 i,
.ftc-pr-btn-5 span { color: var(--nt-on-gold) !important; }
.ftc-pr-btn-5:hover { background: var(--nt-gold-hi) !important; }
.ftc-pr-btn-5::before { background: transparent !important; }
.ftc-pr-btn-5::after  { background: var(--nt-gold-hi) !important; }

/* ── 7. Sáu chỗ nền vàng có chữ trắng — ép chữ tối ───── */
.ftc-circle-btn-1-icon,
.ftc-circle-btn-1-icon i,
.ftc-campaign-4-card .number,
.ftc-price-4-card .card-btn,
.ftc-price-4-card .card-btn:hover,
.ftc-cta-5-form .form-btn,
.ftc-cta-5-form .form-btn:hover,
.ftc-achieve-4-item .icon,
.ftc-achieve-4-item .icon i {
  color: var(--nt-on-gold) !important;
}

/* ── 8. Khối Số liệu — tên lớp THẬT là ftc-achieve-4, không phải counter-4 */
.ftc-achieve-4-item .number,
.ftc-achieve-4-item .counter { color: var(--nt-gold-hi) !important; }
.ftc-achieve-4-area {
  background-image: radial-gradient(circle at 1px 1px, rgba(196,161,54,.09) 1px, transparent 0) !important;
  background-size: 22px 22px !important;
}

/* ── 9. Logo — ảnh gốc gần vuông 459×342, phải ràng chiều cao ───── */
.ftc-header-2-logo-1 img,
.mobile-menu-logo img { height: 52px !important; width: auto !important; }
.ftc-footer-4-logo img { height: 64px !important; width: auto !important; }
@media (max-width: 767px) {
  .ftc-header-2-logo-1 img { height: 42px !important; }
}

/* ── 10. Tiêu điểm bàn phím ─────────────────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--nt-gold) !important;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}