/* Slotenmaker CC – gemeentekaart (SVG, MapGeo-stijl) */
.scc-geo-wrap {
  --scc-geo-grijs: #e3e4e6;
  --scc-geo-rand: #ffffff;
  width: 100%;
}
.scc-geo { position: relative; }
.scc-geo svg { display: block; width: 100%; height: auto; overflow: visible; }

/* Gemeenten */
.scc-geo-grijs {
  fill: var(--scc-geo-grijs);
  stroke: var(--scc-geo-rand);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
}
.scc-geo-link path {
  fill: var(--scc-geo-actief);
  stroke: var(--scc-geo-rand);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  transition: fill .15s ease;
  cursor: pointer;
}
.scc-geo-alle .scc-geo-koenraad path { fill: var(--scc-geo-actief2); }
.scc-geo-link:hover path,
.scc-geo-link:focus path,
.scc-geo-link.is-actief path { fill: var(--scc-geo-hover); }
.scc-geo-link:focus { outline: none; }
.scc-geo-link:focus-visible path { stroke: #111; stroke-width: 2; }

/* Vestiging */
.scc-geo-pin { pointer-events: none; }
.scc-geo-pin circle { fill: #fff; stroke: var(--scc-geo-hover); stroke-width: 2; vector-effect: non-scaling-stroke; }
.scc-geo-pin .scc-geo-pin-kern { fill: var(--scc-geo-hover); stroke: none; }

/* Tooltip */
.scc-geo-tip {
  position: absolute;
  z-index: 5;
  transform: translate(-50%, calc(-100% - 14px));
  background: #fff;
  color: #111;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 15px;
  line-height: 1.35;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0,0,0,.18);
  pointer-events: none;
  text-align: center;
}
.scc-geo-tip::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 3px 3px 5px rgba(0,0,0,.08);
}
.scc-geo-tip small { display: block; color: #6b7280; font-size: 12px; }
.scc-geo-tip .scc-geo-tip-label {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--scc-geo-hover);
}

/* Uitklapbare lijst */
.scc-geo-lijst { margin-top: 14px; }
.scc-geo-lijst summary {
  cursor: pointer; font-weight: 600; color: #0d2a4d; list-style: none;
  display: inline-flex; align-items: center; gap: 6px;
}
.scc-geo-lijst summary::-webkit-details-marker { display: none; }
.scc-geo-lijst summary::before {
  content: '+'; display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%; background: #e2231a; color: #fff;
  font-size: 13px; line-height: 1;
}
.scc-geo-lijst[open] summary::before { content: '−'; }
.scc-geo-lijst p { margin: 10px 0 0; font-size: .92rem; line-height: 1.7; }

/* Waalse buurgemeenten (context) iets lichter */
.scc-geo-licht { fill: #f1f2f4; }

/* Omlijning van Vlaanderen */
.scc-geo-rand {
  fill: none;
  stroke: #9aa1ab;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}

/* Legende (bij regio="alle") */
.scc-geo-legende { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: .9rem; }
.scc-geo-legende li { display: flex; align-items: center; gap: 8px; margin: 0; }
.scc-geo-stip { width: 14px; height: 14px; border-radius: 3px; flex: 0 0 14px; }
.scc-geo-stip-valentin { background: var(--scc-geo-actief); }
.scc-geo-stip-koenraad { background: var(--scc-geo-actief2); }

/* ===== Donkere stijl (stijl="donker") ===== */
.scc-geo-donker { --scc-geo-grijs: #2c2f35; color: #e5e7eb; }
.scc-geo-donker .scc-geo-licht { fill: #1b1d21; }
.scc-geo-donker .scc-geo-rand { stroke: #6b7280; }
.scc-geo-donker .scc-geo-pin circle { stroke: #000; }
.scc-geo-donker .scc-geo-pin .scc-geo-pin-kern { fill: #000; }
.scc-geo-donker .scc-geo-link:focus-visible path { stroke: #fff; }
.scc-geo-donker .scc-geo-tip .scc-geo-tip-label { color: #e2231a; }
.scc-geo-donker .scc-geo-lijst summary { color: #fff; }
.scc-geo-donker .scc-geo-lijst p { color: #d1d5db; }
.scc-geo-donker .scc-geo-lijst a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); }
.scc-geo-donker .scc-geo-lijst a:hover { text-decoration-color: #fff; }