/* ==========================================================================
   MERGED navigatie — POC (klant-detailpagina, Tweak "Menu" → "Eén menu").
   Eén paarse kolom, logo bovenin. Elk hoofditem klapt zijn submenu INLINE
   eronder uit (accordion, één tegelijk open). Hoofd + sub vormen samen één
   verbonden blok, zodat de hiërarchie duidelijk is maar alles samengevoegd
   in dezelfde kolom leeft (geen aparte fly-out / paneel).
   Alles scoped onder body.dd-mergednav.
   ========================================================================== */

/* Geen fly-out-overlay in merged-modus (subs staan inline). */
body.dd-mergednav .dd-flyout-layer { display: none !important; }

/* Accordion: dichte secties verbergen hun submenu. (Base design-d.css zet
   .dd-nav-sub op display:flex, wat de native <details>-collapse overruled —
   daarom hier expliciet verbergen bij niet-open groepen. Geldt zowel voor de
   originele inline-subs als de ge-injecteerde .dd-merged-injected lijsten.) */
body.dd-mergednav .dd-nav-group:not([open]) > .dd-nav-sub { display: none; }

/* Chevron op ALLE hoofditems mag weer roteren (v2 zette dit uit voor de
   fly-out-secties facturatie/rapportage/imports). */
body.dd-mergednav .dd-nav-group[open] > summary .dd-nav-chev {
  transform: rotate(90deg) !important;
}
body.dd-mergednav .dd-flyout-group > summary .dd-nav-chev {
  transform: none; /* dicht: terug naar 0, open-regel hierboven wint */
}

/* ── Verbonden blok: open hoofditem + zijn subs lezen als één geheel ───── */
body.dd-mergednav .dd-nav { gap: 2px; }

body.dd-mergednav .dd-nav-group.is-merged-open {
  background: rgba(255, 255, 255, .07);
  border-radius: 12px;
  padding-bottom: 4px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}
body.dd-mergednav .dd-nav-group.is-merged-open > summary {
  background: rgba(255, 255, 255, .16);
  color: #fff;
  border-radius: 12px 12px 8px 8px;
}
body.dd-mergednav .dd-nav-group.is-merged-open > summary > i:first-child,
body.dd-mergednav .dd-nav-group.is-merged-open > summary .dd-nav-chev { color: #fff; }

/* Sub-lijst hugt onder het hoofditem (minder marge → één blok). */
body.dd-mergednav .dd-nav-group.is-merged-open > .dd-nav-sub {
  margin: 0;
  padding-top: 3px;
  padding-bottom: 2px;
}

/* Geleidelijn loopt vanaf het hoofd-icoon door, zodat de subs er visueel
   onder "hangen" (merged hiërarchie). */
body.dd-mergednav .dd-nav-group.is-merged-open > .dd-nav-sub::before {
  left: 20px;
  background: rgba(255, 255, 255, .22);
}

/* Actief sub-item duidelijk als witte pill. */
body.dd-mergednav .dd-nav-sub-item.is-active {
  background: rgba(255, 255, 255, .22);
  color: #fff;
  font-weight: 600;
}

/* Gegroepeerde subs (Facturatie/Rapportage): groepskop als rustige sectielabel,
   nooit inklapbaar in merged-modus (chevron weg, altijd open). */
body.dd-mergednav .dd-nav-sub-grouped .dd-nav-sub-chev { display: none; }
body.dd-mergednav .dd-nav-sub-parent {
  font-size: 10.5px;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, .6) !important;
  pointer-events: none;
  padding-top: 8px;
}

/* Op smalle viewports geen bijzonderheden nodig — accordion werkt overal. */