/* 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}}
.language-picker[data-inline] {display:flex;align-items:center;gap:3px}
.language-picker[data-inline] a {display:flex;align-items:center;gap:5px;min-height:44px;padding:8px;border:1px solid transparent;border-radius:6px}
.language-picker[data-inline] a:hover,.language-picker[data-inline] a:focus-visible,.language-picker[data-inline] a[aria-current] {border-color:#6d6345;background:#a8996812}
@media(max-width:600px){.language-picker[data-inline] .language-code{display:none}.language-picker[data-inline] a{padding:7px;min-width:36px}.header-actions{gap:4px}}