/* ============================================================
   Bconnect Meer rendement Track record (SolTrack gradient-variant)
   Bron: ingekort-solutions.css + au-tr-stats uit ingekort-automotive.css.
   ============================================================ */

.sol-track-grad {
  position: relative; width: 100vw; margin-left: calc(50% - 50vw);
  background: linear-gradient(135deg, #2301fb 0%, #a80290 100%);
  color: #fff; padding: var(--space-9) 0;
  overflow: hidden;
}
.sol-tg-inner {
  max-width: 1080px; margin: 0 auto; padding: 0 var(--space-6);
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.sol-tg-head { max-width: 720px; margin: 0 auto var(--space-8); }
.sol-tg-eyebrow { justify-content: center; margin-bottom: 16px; color: #fff; }
.sol-tg-eyebrow::before { background: #fff; opacity: .9; }
.sol-tg-head h2 { color: #fff; margin: 0 0 16px; text-wrap: pretty; }
.sol-tg-head p { font-family: var(--font-body); font-size: 16.5px; line-height: 1.7; color: rgba(255,255,255,.82); margin: 0 auto; max-width: 46em; }

.sol-tg-stats { width: 100%; }

/* cijfers — wit, in één rij met dunne witte scheidingslijntjes */
.au-tr-stats { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 1080px; }
.au-tr-stat { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 4px 16px; }
.au-tr-stat + .au-tr-stat::before {
  content: ""; position: absolute; left: 0; top: 8%; bottom: 8%; width: 1px;
  background: rgba(255,255,255,.2);
}
.au-tr-stat .au-num { font-size: clamp(36px, 4vw, 48px); }
.au-tr-stat .au-tr-num-long { font-size: clamp(27px, 2.9vw, 38px); }
.au-tr-label { font-family: var(--font-body); font-size: 15px; line-height: 1.45; color: rgba(255,255,255,.7); max-width: 11em; }

.sol-tg-foot { margin-top: var(--space-8); }
.sol-tg-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-head); font-weight: var(--fw-semibold); font-size: 16px; letter-spacing: -0.01em;
  color: #fff; text-decoration: none;
  padding: 14px 28px; border: 1.5px solid rgba(255,255,255,.7); border-radius: 999px;
  background: transparent; transition: background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);
}
.sol-tg-btn:hover { background: rgba(255,255,255,.12); border-color: #fff; transform: translateY(-1px); }
.sol-tg-btn:active { transform: translateY(1px) scale(.99); }
.sol-tg-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

@media (max-width: 900px) {
  .au-tr-stats { grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .au-tr-stat:nth-child(3)::before { display: none; }
}
@media (max-width: 520px) {
  .au-tr-stats { grid-template-columns: 1fr; }
  .au-tr-stat + .au-tr-stat::before { display: none; }
}

/* ===== Elementor-context + HARDENING tegen theme-resets ===== */
.elementor-widget-bconnect_mr_track { margin: 0 !important; }
.elementor-widget-bconnect_mr_track .sol-track-grad {
	background: linear-gradient(135deg, #2301fb 0%, #a80290 100%) !important;
}
.elementor-widget-bconnect_mr_track .au-num-on-dark {
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
}