.au-subnav { position: sticky; top: 76px; z-index: 40; background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); border-bottom: 1px solid var(--c-border-soft); box-shadow: 0 1px 0 rgba(20, 20, 100, 0.04), 0 10px 24px -18px rgba(20, 20, 100, 0.28); transition: box-shadow .3s var(--ease); }
.au-subnav.is-visible { box-shadow: 0 1px 0 rgba(20, 20, 100, 0.04), 0 10px 24px -18px rgba(20, 20, 100, 0.28); }
.au-subnav-inner { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
.au-subnav-track { position: relative; display: flex; align-items: stretch; gap: 2px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.au-subnav-track::-webkit-scrollbar { width: 0; height: 0; display: none; }
.au-subnav-link { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; font-family: var(--font-body); font-size: 14px; font-weight: 600; letter-spacing: -0.005em; color: color-mix(in srgb, var(--c-navy) 56%, #ffffff); text-decoration: none; padding: 15px 15px; white-space: nowrap; transition: color .18s var(--ease); }
.au-subnav-link:first-child { padding-left: 0; }
.au-subnav-link:hover { color: var(--c-navy); }
.au-subnav-link.is-active { color: var(--c-navy); }
.au-subnav-indicator { position: absolute; left: 0; bottom: 0; width: 0; height: 2.5px; border-radius: 999px 999px 0 0; background: var(--gradient-brand); transition: transform .32s var(--ease), width .32s var(--ease); pointer-events: none; }

@media (max-width: 768px) {
  .au-subnav-link { padding: 14px 13px; }
  .au-subnav-link:first-child { padding-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .au-subnav, .au-subnav-indicator { transition: none; }
  .au-subnav-track { scroll-behavior: auto; }
}

.lg-subnav { position: sticky; top: 76px; z-index: 40; background: #ffffff; -webkit-backdrop-filter: saturate(160%) blur(12px); backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid var(--c-border-soft); box-shadow: 0 1px 0 rgba(20, 20, 100, 0.03); transition: box-shadow .3s var(--ease); }
.lg-subnav.is-visible { box-shadow: 0 1px 0 rgba(20, 20, 100, 0.04), 0 10px 24px -18px rgba(20, 20, 100, 0.28); }
.lg-subnav-inner { padding-top: 0; padding-bottom: 0; }
.lg-subnav-track { position: relative; display: flex; align-items: stretch; gap: 2px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.lg-subnav-track::-webkit-scrollbar { width: 0; height: 0; display: none; }
.lg-subnav-link { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; font-family: var(--font-body); font-size: 14px; font-weight: 600; letter-spacing: -0.005em; color: color-mix(in srgb, var(--c-navy) 56%, #ffffff); text-decoration: none; padding: 15px 15px; white-space: nowrap; transition: color .18s var(--ease); }
.lg-subnav-link:first-child { padding-left: 0; }
.lg-subnav-link:hover { color: var(--c-navy); }
.lg-subnav-link.is-active { color: var(--c-navy); }
.lg-subnav-indicator { position: absolute; left: 0; bottom: 0; width: 0; height: 2.5px; border-radius: 999px 999px 0 0; background: var(--gradient-brand); transition: transform .32s var(--ease), width .32s var(--ease); pointer-events: none; }

@media (max-width: 768px) {
  .lg-subnav-link { padding: 14px 13px; }
  .lg-subnav-link:first-child { padding-left: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .lg-subnav, .lg-subnav-indicator { transition: none; }
  .lg-subnav-track { scroll-behavior: auto; }
}

.hh-darkwrap + .au-subnav { margin-top: -1px; }

/* ============================================================
   WordPress-context: sticky balk onder de header (simpel, zoals de bron).
   De balk staat gewoon in de normale flow, direct onder de hero/logobalk,
   en plakt met position:sticky onder de hoofdheader zodra hij die raakt.
   Sticky zit op de Elementor-CONTAINER van de widget: die is een top-level
   container (directe child van de tall .elementor-root) en heeft dus wel
   scrollruimte. Het nav-element zelf zit in een korte widget-wrapper en zou
   daar geen sticky-ruimte hebben. Geen verberg-/reveal-logica meer.
   ============================================================ */
.e-con:has(> .elementor-widget-bconnect_subnav) {
	position: sticky;
	top: var(--bc-header-h, 76px);
	z-index: 40;
}
body.admin-bar .e-con:has(> .elementor-widget-bconnect_subnav) {
	top: calc(var(--bc-header-h, 76px) + 32px);
}
/* Nav-element gewoon in de flow binnen de sticky container. */
.au-subnav[data-bc-subnav] {
	position: static;
	transform: none;
	visibility: visible;
	pointer-events: auto;
}

/* ===== HARDENING — gradient-onderlijn tegen theme-resets ===== */
.elementor-widget-bconnect_subnav { margin: 0 !important; }
.elementor-widget-bconnect_subnav .au-subnav-indicator {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
}