/* Language navigation stays quiet, keyboard accessible and usable without JavaScript. */
.header-actions {display:flex;align-items:center;gap:16px}
.language-picker {position:relative;flex-shrink:0;color:#ddd;font:500 12px Montserrat,Arial,sans-serif;letter-spacing:.03em}
.language-picker summary {display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:44px;padding:8px;border:1px solid transparent;border-radius:8px}
.language-picker summary::-webkit-details-marker {display:none}
.language-picker summary:hover,.language-picker summary:focus-visible,.language-picker[open] summary {border-color:#a89968;background:#181813}
.language-options {position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 8px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:168px!important;min-height:0!important;padding:8px!important;border:1px solid #48432e!important;border-radius:8px;background:#10100e!important;backdrop-filter:none!important;box-shadow:0 8px 30px #0008;z-index:1000}
.language-options a {display:flex!important;align-items:center;gap:10px;padding:12px!important;color:#ddd!important;text-decoration:none;letter-spacing:0!important;font-size:13px!important;white-space:nowrap}
.language-options a:hover,.language-options a:focus-visible,.language-options a[aria-current] {background:#24231b;border-radius:5px;color:#d5c58f!important}
.language-flag {display:inline-block;width:21px;height:14px;flex:0 0 21px;border-radius:2px;box-shadow:0 0 0 1px #ffffff30;overflow:hidden}
.language-flag.flag-nl {background:linear-gradient(#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66%)}
.language-flag.flag-de {background:linear-gradient(#171717 0 33.33%,#d00 33.33% 66.66%,#ffce00 66.66%)}
.language-flag.flag-en {background:url('/flag-gb.svg') center/cover}
html:not([lang="nl"]) .quote-line {white-space:normal}
html:not([lang="nl"]) .route-description span {display:inline}
html[lang="de"] .hero h1 {hyphens:manual}
html[lang="de"] .practical {flex-wrap:wrap}
@media(max-width:1000px){
 #nav > .language-picker {margin-left:auto;margin-right:8px;order:2}
 #nav > .nav-toggle {order:3}
 html[lang="de"] .route-title {letter-spacing:1px}
}
@media(max-width:600px){
 .header-actions {gap:5px}
 .page-home .header {padding:12px 14px;gap:8px}
 .page-home .brand {font-size:10px;letter-spacing:1px;gap:6px}
 .page-home .brand img {width:24px;height:24px}
 .page-home .contact {font-size:10px;padding:8px}
 .language-picker summary {padding:5px;gap:4px}
 .language-options {right:0!important}
}
#nav > .language-picker {justify-self:end}
@media(max-width:1000px){#nav > .language-picker {grid-column:2;grid-row:1}}
/* Match the home contact action while reusing the shared, native language menu. */
.page-home .language-picker summary {border-color:var(--brand-khaki);padding:9px 12px;gap:7px;color:#fff}
.page-home .language-picker summary::after {content:"";width:6px;height:6px;margin-left:3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
@media(max-width:600px){.page-home .language-picker summary{padding:8px;gap:5px}.page-home .header-actions{gap:8px}}