/* Bconnect Automotive Segmenten — bron: ingekort-automotive.css */
.au-seg-intro > .container, .au-seg-item > .container { width: 100%; max-width: var(--container, 1280px); margin: 0 auto; padding: 0 var(--gutter, 56px); }
/* segments-intro: navy ankerband (eerste donkere moment) met alleen de sectiekop */
.au-seg-intro { padding: var(--space-8) 0; background: var(--c-navy); }
.au-seg-intro .au-h2 { color: #fff; }
.au-seg-intro .au-lead { color: rgba(255,255,255,.82); }
.au-seg-intro .accent {
  background: var(--gradient-brand);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* elk segment in een eigen sectie; wit/licht ritme via section-white / section-light */
.au-seg-item { padding: var(--space-8) 0; }
.au-seg-block {
  display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center;
}
.au-seg-block.is-reverse .au-seg-text { order: 2; }

.au-seg-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; color: var(--c-text-soft);
}
.au-seg-text h2 { color: var(--c-navy); margin: 0 0 16px; text-wrap: pretty; }
.au-seg-text > p { font-family: var(--font-body); font-size: 16px; line-height: 1.7; color: var(--c-text-muted); margin: 0; max-width: 34em; }
.au-seg-text > p + p { margin-top: 14px; }
.au-seg-list { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.au-seg-list li { display: flex; align-items: flex-start; gap: 12px; font-family: var(--font-body); font-size: 15px; line-height: 1.5; color: var(--c-navy); }
.au-seg-dot { flex: 0 0 9px; width: 9px; height: 9px; margin-top: 6px; border-radius: 999px; background: var(--gradient-brand); box-shadow: 0 3px 8px rgba(168,2,142,.3); }
.au-seg-pill {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px;
  font-family: var(--font-head); font-size: 12px; font-weight: var(--fw-bold);
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-magenta);
  padding: 6px 14px; border-radius: var(--radius-pill);
  background: var(--c-white); border: 1.5px solid transparent;
  background-image: linear-gradient(var(--c-white), var(--c-white)), var(--gradient-brand);
  background-origin: border-box; background-clip: padding-box, border-box;
}

/* bewijs-paneel */
.au-seg-proof {
  background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius-feature);
  box-shadow: var(--shadow-card); padding: var(--space-7);
  display: flex; flex-direction: column; gap: var(--space-5);
}
.au-seg-stats { display: flex; flex-wrap: wrap; gap: var(--space-6) var(--space-7); }
.au-seg-stat { display: flex; flex-direction: column; gap: 8px; }
.au-seg-stat .au-num { font-size: clamp(34px, 3.6vw, 46px); }
.au-seg-stat-narr {
  font-family: var(--font-head); font-size: 21px; font-weight: var(--fw-semibold); line-height: 1.25;
  letter-spacing: -0.01em; color: var(--c-navy); max-width: 11em;
}
.au-seg-stat-label { font-family: var(--font-body); font-size: 14px; line-height: 1.5; color: var(--c-text-muted); max-width: 16em; }

.au-seg-quote { position: relative; padding-left: var(--space-5); margin: 0; }
.au-seg-quote::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px; background: var(--gradient-brand); }
.au-seg-quote p { font-family: var(--font-head); font-size: 17px; font-weight: var(--fw-medium); line-height: 1.5; color: var(--c-navy); letter-spacing: -0.005em; margin: 0; text-wrap: pretty; }
.au-seg-quote cite { display: block; margin-top: 10px; font-family: var(--font-body); font-style: normal; font-size: 13.5px; color: var(--c-text-soft); }

.au-seg-logo { display: flex; align-items: center; gap: 14px; padding-top: 2px; }
.au-seg-logo .au-logo-ph { min-width: 150px; }
.au-seg-logo-meta { font-family: var(--font-body); font-size: 13px; color: var(--c-text-soft); line-height: 1.45; }

/* secundair klantbewijs (Van Tilburg-Bastianen) — rustig, niet overladen */
.au-seg-quote2 {
  margin-top: var(--space-2);
  padding: 20px 22px;
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border-soft);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(20,20,100,.05), 0 8px 22px rgba(20,20,100,.05);
  display: flex; flex-direction: column; gap: 14px;
}
.au-seg-quote-sm { padding-left: var(--space-4); }
.au-seg-quote-sm::before { width: 2.5px; opacity: .6; }
.au-seg-quote-sm p { font-family: var(--font-body); font-size: 15px; font-weight: var(--fw-regular); line-height: 1.6; color: var(--c-text); }
.au-seg-quote-sm cite { margin-top: 10px; font-size: 13px; }
.au-seg-logo-sm { padding-top: 0; }
.au-seg-logo-sm .au-logo-ph { min-width: 130px; min-height: 40px; font-size: 12px; }

/* Dealers: beeld-placeholder + losse cijfers (geen kaart) */
.au-seg-media { display: flex; flex-direction: column; gap: var(--space-6); max-width: 85%; margin: 0 auto; width: 100%; }
.au-seg-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--radius-feature);
  box-shadow: var(--shadow-card);
  display: block;
}
.au-seg-imgstats { display: flex; flex-wrap: wrap; gap: var(--space-5) var(--space-8); padding: 0 2px; }
.au-seg-imgstat { display: flex; flex-direction: column; gap: 8px; }
.au-seg-imgstat .au-num { font-size: clamp(40px, 4.4vw, 52px); }
.au-seg-imgstat-label { font-family: var(--font-body); font-size: 14px; line-height: 1.5; color: var(--c-text-muted); max-width: 12em; }

@media (max-width: 920px) {
  .au-seg-block, .au-seg-block.is-reverse { grid-template-columns: 1fr; gap: 32px; }
  .au-seg-block.is-reverse .au-seg-text { order: 0; }
}
@media (max-width: 560px) {
  .au-seg-imgstats { flex-direction: column; gap: var(--space-5); }
}

/* =====================================================================
   ZONE 5 — BRANCHE-CASES (uitgelicht) + losse helpers
   ===================================================================== */
.au-seg-stat .au-num { font-size: clamp(34px, 3.6vw, 46px); }
.au-seg-imgstat .au-num { font-size: clamp(40px, 4.4vw, 52px); }
.au-seg-intro .au-h2, .au-seg-intro .au-lead { color: #fff; }
.au-seg-intro .au-lead { color: rgba(255,255,255,.78); }
.au-lead { margin: 0 auto; max-width: 48em; font-size: var(--fs-lead); line-height: 1.6; }
.section-white { background: #fff; }
.section-light { background: #EEF1F8; }
.elementor-widget-bconnect_au_segments { margin: 0 !important; }
.elementor-widget-bconnect_au_segments .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; }

/* =====================================================================
   GELIJKTREKKEN MET DE AUTOMOTIVE-EXPORT (29-07-2026)
   `.au-seg-img` is hierboven identiek aan de export, maar de ronde hoeken
   en de kaartschaduw kwamen niet door: Elementors `.elementor img
   { border-radius: 0 }` heeft specificiteit 0,1,1 en verslaat een kale
   één-class-selector (0,1,0). Met het widget-wrapperprefix (0,2,0) wint
   de regel wel. Zelfde valkuil als eerder bij de homepage-avatar.
   ===================================================================== */
.elementor-widget-bconnect_au_segments .au-seg-img {
	border-radius: var(--radius-feature);
	box-shadow: var(--shadow-card);
}