/* 此课 · 地图活动图层
   Page-level domain colour for events, not a semantic token: a warm ochre that
   cannot be confused with the blue course bubbles, with brand red, or with the
   Now marker. Blue means "a course is here", ochre means "something happens
   here". */
:root{
  --map-event-accent:#8a5a2b;
  --map-event-accent-strong:#6f4820;
}

.map-events-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.map-events-toggle.is-active{background:var(--map-event-accent);border-color:var(--map-event-accent);color:#fff}

.map-event-bubble-host{background:none;border:0}
.map-event-bubble{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:var(--map-event-accent);color:#fff;font-size:12.5px;font-weight:650;line-height:1;
  box-shadow:0 2px 8px rgba(35,54,71,.3),0 0 0 2px rgba(255,255,255,.92);
  transition:transform var(--cike-motion-control) var(--cike-ease-standard),background var(--cike-motion-control) var(--cike-ease-standard);
}
.map-event-bubble.is-selected{background:var(--map-event-accent-strong);transform:scale(1.12)}
.map-event-bubble-count{font-variant-numeric:tabular-nums}

.map-event-popup-host .leaflet-popup-content-wrapper{border-radius:var(--cike-radius-card)}
.map-event-popup-host .leaflet-popup-content{margin:10px 12px}
.map-event-popup{min-width:214px;max-width:300px;font-size:13px;color:var(--cike-text)}
.map-event-popup h4{margin:0 0 2px;font-size:14px;font-weight:600}
.map-event-popup-count{margin:0 0 7px;color:var(--cike-muted);font-size:12px}
.map-event-popup ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:220px;overflow:auto}
.map-event-popup li strong{display:block;font-weight:600;font-size:13px;line-height:1.35}
.map-event-popup li span{color:var(--cike-muted);font-size:12px}
.map-event-popup-more{margin:6px 0 0;color:var(--cike-muted);font-size:12px}
.map-event-popup a{display:inline-block;margin-top:8px;color:var(--cike-primary);font-size:12.5px}

@media (max-width:899px){
  .map-event-popup{min-width:190px;max-width:250px}
}