/* Shared nav fixes, loaded last so they apply on top of every page's own
   stylesheet. Keeps the nav consistent across all pages and languages. */
.main-nav a { white-space: nowrap; }
.main-nav a.active { border-bottom-color: #f2a949; color: #f2a949; }

/* Dutch labels run longer than English; tighten nl nav spacing only. */
html[lang="nl-BE"] .header-row { gap: 16px; }
html[lang="nl-BE"] .main-nav { gap: 14px; }
html[lang="nl-BE"] .nav-right { gap: 14px; }
html[lang="nl-BE"] .main-nav a.nav-cta { padding: 10px 14px; margin-left: 4px; }
html[lang="nl-BE"] .nav-trust { padding: 0 6px; }

/* EN/NL language switcher in the header (mirrors the footer .lang toggle). */
.nav-lang { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; font-weight: 600; margin-left: 4px; }
.nav-lang a { color: #6b6b78; text-decoration: none; }
.nav-lang a:hover { color: #f2a949; }
.nav-lang .active { color: #f2a949; }
.nav-lang > * + *::before { content: "|"; color: #d5d5dd; margin-right: 6px; font-weight: 400; }

/* The global img{max-width:100%} reset caps the nav logo inside the grid header,
   squashing it (it renders ~90px wide at 72px tall instead of its natural 2.15:1).
   Let the logo keep its aspect ratio; width:auto + fixed height do the rest. */
.logo img { max-width: none; }