/* ============================================================
   Z247 — Nhận diện toàn site (áp lên Flatsome)
   ============================================================ */
:root {
  --z-blue: #0b67e3;
  --z-blue-700: #0a54bd;
  --z-blue-050: #eef4fe;
  --z-navy: #0f2b57;
  --z-teal: #00c2a8;
  --z-cloud: #f5f8fc;
  --z-slate: #64748b;
  --z-ink: #0e1b2e;
  --z-ink-2: #475569;
  --z-border: #dbe3ee;
  --fs-color-primary: #0b67e3;
  --fs-color-secondary: #00c2a8;
}

body,
.nav > li > a,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6 {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

a { color: var(--z-blue); }
a:hover { color: var(--z-teal); }

/* Logo chữ Z247 (khi dùng site title text) */
#logo a {
  font-weight: 800 !important;
  font-size: 34px !important;
  letter-spacing: -1px;
  color: var(--z-blue) !important;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
#logo a::after {
  content: "\2197";
  color: var(--z-teal);
  font-weight: 800;
  margin-left: 1px;
}
#logo .logo-tagline {
  font-weight: 500;
  font-size: 11.5px;
  color: var(--z-slate);
  letter-spacing: 0.2px;
}

/* Ẩn top-bar demo "Add anything here" của Flatsome cho header gọn */
#top-bar { display: none !important; }

/* Nút primary theo brand */
.button.primary,
button.primary,
input[type="submit"].primary,
.nav-dropdown .button.primary {
  background-color: var(--z-blue) !important;
  border-color: var(--z-blue) !important;
}
.button.primary:hover { background-color: var(--z-blue-700) !important; }

/* Footer navy đậm */
.footer-2 { background-color: #0a1e3e !important; }