/* Roborides — GPX-kaartvenster */
.gk-open{font-family:var(--label);font-size:13px;font-weight:600;cursor:pointer;color:#22281F;background:#D9A23A;border:1px solid #D9A23A;border-radius:4px;padding:4px 10px;line-height:1.55}
.gk-open:hover,.gk-open:focus-visible{background:#22281F;border-color:#22281F;color:#EFE9DD}
.gk-open::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:6px;vertical-align:-1px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg) scale(.85)}
.facts .gk-open{margin-right:10px}
html.gk-lock{overflow:hidden}
dialog.gk{width:min(1200px,96vw);height:min(860px,92vh);max-width:none;max-height:none;padding:0;border:0;border-radius:6px;background:#F7F3EA;color:#1C1C1A;display:none;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.45);font-family:var(--body)}
dialog.gk[open]{display:flex}
dialog.gk::backdrop{background:rgba(26,31,24,.72)}
.gk-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 8px;background:#22281F;color:#EFE9DD;border-bottom:4px solid #D9A23A}
.gk-eb{margin:0;font-family:var(--label);text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#D9A23A}
.gk-kop h2{margin:2px 0 4px;font-size:clamp(26px,3.5vw,38px);color:#EFE9DD}
.gk-stats{margin:0 0 4px;font-family:var(--label);font-size:14px;opacity:.85}
.gk-acties{display:flex;gap:6px;flex:none;align-items:center}
.gk-acties button,.gk-dl{font-family:var(--label);font-size:14px;font-weight:600;min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(239,233,221,.4);background:transparent;color:#EFE9DD;cursor:pointer;text-decoration:none}
.gk-acties button:hover:not(:disabled),.gk-dl:hover{background:#D9A23A;border-color:#D9A23A;color:#22281F}
.gk-acties button:disabled{opacity:.3;cursor:default}
.gk-nav{font-size:22px!important;padding:0!important}
.gk-dl{background:#D9A23A;border-color:#D9A23A;color:#22281F}
.gk-via{margin:0;padding:8px 20px;font-size:14px;color:#5E5A51;border-bottom:1px solid #D8D0BF}
.gk-kaart{position:relative;flex:1;min-height:0}
.gk-map{position:absolute;inset:0;background:#D3DBD3}
.gk-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:500;margin:0;max-width:420px;background:#F7F3EA;border-left:4px solid #A4482A;padding:14px 18px;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.gk-pin{background:none;border:0}
.gk-pin span{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--label);font-weight:600;font-size:12px;line-height:1;padding:5px 8px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.gk-pin.start span{background:#2E6B45;color:#fff}
.gk-pin.eind span{background:#22281F;color:#D9A23A}
.gk-pin.poi span{background:#F7F3EA;color:#22281F;border:2px solid #22281F;border-radius:50%;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.gk-pin.poi:hover span,.gk-pin.poi:focus span{background:#D9A23A}
.gk .leaflet-popup-content{font-family:var(--body);font-size:14px;line-height:1.45}
@media (max-width:640px){
  dialog.gk{width:100vw;height:100dvh;border-radius:0}
  .gk-kop{flex-direction:column;gap:8px;padding:12px 14px 8px}
  .gk-via{display:none}
}
