/* Wijnne Barends — wereldbol CSS. Brand-variabelen (pas aan indien nodig): */
:root { --wb-orange: #FF6C2D; --wb-ink: #1d1d1b; }

.wb-globe {
  flex: 1;
  position: relative;
  width: 100%;
  min-height: 0;
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.wb-globe:active { cursor: grabbing; }
.wb-globe svg { display: block; width: 100%; height: 100%; }
.wb-globe .wb-globe__sphere { fill: #ffffff; stroke: none; }
.wb-globe .wb-globe__graticule { fill: none; stroke: rgba(17,17,17,0.08); stroke-width: 0.5; }
.wb-globe .wb-globe__land { fill: rgba(17,17,17,0.22); stroke: #fff; stroke-width: 0.5; stroke-linejoin: round; }
.wb-globe .wb-globe__term-bg {
  fill: #fff;
  stroke: var(--wb-orange);
  stroke-width: 2.2;
  filter: drop-shadow(0 3px 8px rgba(17,17,17,0.28));
}
.wb-globe .wb-globe__term-curl { fill: var(--wb-ink, #111); }
.wb-globe .wb-globe__term-curl--orange { fill: var(--wb-orange); }
.wb-globe .wb-globe__marker { cursor: pointer; transition: opacity 200ms ease, transform 220ms ease; }
.wb-globe .wb-globe__marker a { cursor: pointer; }
.wb-globe .wb-globe__marker:hover .wb-globe__term-bg {
  stroke-width: 3.5;
  filter: drop-shadow(0 4px 12px rgba(17,17,17,0.35));
}
.wb-globe .wb-globe__details { pointer-events: none; }
.wb-globe .wb-globe__term-pin { fill: var(--wb-orange); }
.wb-globe .wb-globe__term-pin-halo {
  fill: var(--wb-orange);
  opacity: 0.18;
  animation: wb-globe-pulse 2.2s ease-in-out infinite;
}
.wb-globe .wb-globe__term-pin-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  fill: var(--wb-ink, #111);
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 3px;
  stroke-linejoin: round;
}
@keyframes wb-globe-pulse {
  0%,100% { transform: scale(1); opacity: 0.18; }
  50%     { transform: scale(1.35); opacity: 0; }
}
.wb-globe .wb-globe__term-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  fill: var(--wb-ink);
}