/* hw-nav-run.css, 18-09-2026. Uitklapmenu "Run your Dutch company" in de Engelse navigatiebalk (linkplan stap 1).
   Opent op aanwijzen en op toetsenbordfocus; sluit vanzelf. Kleuren en letters uit holdwise-shared.css. */
.nav-desk .nav-run { position: relative; }
.nav-desk .nav-run > a { display: inline-flex; align-items: center; gap: 6px; }
.nav-run-pijl { width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.nav-desk .nav-run:hover .nav-run-pijl, .nav-desk .nav-run:focus-within .nav-run-pijl { transform: translateY(1px) rotate(225deg); }
.nav-run-lijst {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 1200;
  min-width: 320px; padding: 10px 0; margin: 0; list-style: none;
  background: #fff; border: 1px solid var(--line, #E6DDC8); border-radius: var(--r2, 10px);
  box-shadow: 0 18px 40px rgba(13, 27, 62, .12);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.nav-desk .nav-run:hover .nav-run-lijst, .nav-desk .nav-run:focus-within .nav-run-lijst, .nav-desk .nav-run[data-open="1"]:hover .nav-run-lijst {
  opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s;
}
.nav-desk .nav-run-lijst::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; } /* brug tussen knop en lijst */
.nav-desk .nav-run-lijst li { margin: 0; }
.nav-desk .nav-run-lijst a { display: block; padding: 10px 18px; white-space: normal; line-height: 1.35; color: var(--ink, #0D1B3E); }
.nav-desk .nav-run-lijst a strong { display: block; font-weight: 600; font-size: 14px; }
.nav-desk .nav-run-lijst a span { display: block; font-size: 12.5px; color: var(--ink-dim, #6B7388); font-weight: 400; margin-top: 2px; }
.nav-desk .nav-run-lijst a:hover, .nav-desk .nav-run-lijst a:focus { background: var(--creme, #FAF6EE); }
.nav-desk .nav-run-lijst a:hover strong { color: var(--gold-dark, #A68934); }
.nav-desk .nav-run-lijst a.on::after, .nav-desk .nav-run-lijst a::after { display: none; }

/* Engelse balk: acht onderdelen plus knop in de 1280 px van de kopregel. Compacte maat altijd, nog iets kleiner tot 1400 px,
   hamburger vanaf 1320 px (was 1240). */
.nav-desk-en { gap: 2px; }
.nav-desk-en a { padding: 10px 10px; font-size: 13.5px; }
.nav-desk-en .cta { padding: 10px 16px; font-size: 12.5px; }
@media (max-width: 1400px) { .nav-desk-en a { padding: 10px 8px; font-size: 13px; } .nav-desk-en .cta { padding: 10px 14px; font-size: 12px; } }
@media (max-width: 1320px) { .nav-desk { display: none; } .ham-btn { display: block; } }

/* Mobiel menu: groepskop en ingesprongen onderdelen */
.nav-mob .nav-mob-groep span { display: block; padding: 18px 0 6px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-dark, #A68934); font-weight: 600; }
.nav-mob .nav-mob-sub a { padding-left: 18px; font-size: 95%; }