/* Bconnect Home & Living Track record — bron: ingekort-homeliving2.css (ZONE 9) */
.hl-track > .container { width: 100%; max-width: var(--container, 1280px); margin: 0 auto; padding: 0 var(--gutter, 56px); }

/* sectie-ritme (hl-sec) + navy variant */
.hl-track.hl-sec { padding: var(--space-8) 0; }
.hl-track.hl-navy { background: var(--c-navy); color: #fff; }

/* gedeelde sectiekop (hl-head + hl-eyebrow), navy-variant */
.hl-track .hl-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px;
  font-family: var(--font-head); font-size: var(--fs-eyebrow); font-weight: var(--fw-bold);
  letter-spacing: var(--ls-eyebrow); text-transform: uppercase;
  background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hl-track .hl-head { max-width: 800px; margin: 0 auto var(--space-8); text-align: center; }
.hl-track .hl-head .hl-eyebrow { justify-content: center; }
.hl-track .hl-head h2 { color: #fff; margin: 0 0 16px; text-wrap: pretty; }
.hl-track.hl-navy .accent { background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ZONE 9 — TRACK RECORD (navy) — 4 cijfers + CTA */
.hl-track .hl-tr-body { text-align: center; max-width: 52em; margin: 0 auto var(--space-8); font-family: var(--font-body); font-size: 16px; line-height: 1.68; color: rgba(255,255,255,.74); }
.hl-track .hl-tr-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; max-width: 980px; margin: 0 auto var(--space-8); }
.hl-track .hl-tr-stat { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 8px 18px; }
.hl-track .hl-tr-stat + .hl-tr-stat::before { content: ""; position: absolute; left: 0; top: 10%; bottom: 10%; width: 1px; background: rgba(255,255,255,.16); }
.hl-track .hl-tr-stat .au-num { font-size: clamp(40px, 4.6vw, 56px); }
/* het volledige getal 2.500.000 is breder: iets kleiner zodat het binnen de kolom blijft */
.hl-track .hl-tr-stat .au-tr-num-long { font-size: clamp(26px, 3vw, 38px); }
.hl-track .hl-tr-stat .au-num.is-dummy { border-bottom-color: rgba(255,255,255,.4); }
.hl-track .hl-tr-label { font-family: var(--font-body); font-size: 14.5px; line-height: 1.45; color: rgba(255,255,255,.7); max-width: 10em; }
.hl-track .hl-tr-cta { text-align: center; }

@media (max-width: 880px) {
  .hl-track .hl-tr-stats { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }
  .hl-track .hl-tr-stat:nth-child(odd)::before { display: none; }
}
@media (max-width: 768px) { .hl-track.hl-sec { padding: var(--space-8) 0; } }
@media (max-width: 520px) { .hl-track.hl-sec { padding: var(--space-7) 0; } }

/* ===== HARDENING — gradient/kleur tegen theme-resets ===== */
.elementor-widget-bconnect_hl_track { margin: 0 !important; }
.elementor-widget-bconnect_hl_track .accent { background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; display: inline-block; }
.elementor-widget-bconnect_hl_track .au-num-on-dark { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
.elementor-widget-bconnect_hl_track .btn-primary { background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important; color: #fff !important; }