/* Mega-menu voor Diensten — desktop. Mobiel gebruikt de drawer uit mobile-nav.js */
.nav .dropdown-menu.mega {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px 30px;
  min-width: 760px;
  padding: 24px 28px 22px;
  left: -16px;
}
.nav .dropdown-menu.mega .mega-col { display: flex; flex-direction: column; gap: 2px; }
.nav .dropdown-menu.mega strong {
  padding: 10px 10px 6px;
  font-size: 10px; text-transform: uppercase; letter-spacing: 0.6px;
  color: #6B6661; font-weight: 700;
}
.nav .dropdown-menu.mega strong:first-child { padding-top: 0; }
.nav .dropdown-menu.mega a {
  display: block;
  padding: 9px 10px;
  border-radius: 10px;
  white-space: normal;
}
.nav .dropdown-menu.mega a:hover { background: var(--cream, #FAF6F0); color: inherit; }
.nav .dropdown-menu.mega a:hover .mm-t { color: var(--orange, #FF6B35); }
.nav .dropdown-menu.mega .mm-t {
  display: block;
  font-size: 13.5px; font-weight: 700; color: var(--black, #1A1A1A);
  line-height: 1.3;
}
.nav .dropdown-menu.mega .mm-d {
  display: block;
  font-size: 12px; font-weight: 400; color: var(--grey, #6B6661);
  line-height: 1.45; margin-top: 2px;
}
.nav .dropdown-menu.mega .mega-all {
  margin-top: 6px;
  font-size: 13px; font-weight: 700; color: var(--orange, #FF6B35);
}
.nav .dropdown-menu.mega .mega-all:hover { background: transparent; text-decoration: underline; }
@media (max-width: 1180px) {
  .nav .dropdown-menu.mega { min-width: 620px; grid-template-columns: repeat(2, 1fr); }
}

/* KRUIMELPAD */
.rl-crumbs { background: var(--cream, #FAF6F0); border-bottom: 1px solid var(--border, #E5DFD5); font-size: 13px; color: var(--grey, #6B6661); }
.rl-crumbs .container { max-width: 1200px; margin: 0 auto; padding: 9px 24px; }
.rl-crumbs a { color: var(--grey, #6B6661); }
.rl-crumbs a:hover { color: var(--orange, #FF6B35); }
.rl-crumbs .sep { margin: 0 7px; opacity: .55; }
.rl-crumbs .hier { color: var(--charcoal, #1F1A17); font-weight: 600; }