/* 此课 · 地图服务图层
   Second page-level domain colour: teal means "a recurring service is here",
   against blue for courses and ochre for events. Unverified entries are drawn
   as unverified — dashed, hollow — so an unconfirmed opening time can never be
   mistaken for a confirmed one. */
:root{
  --map-service-accent:#3f7566;
  --map-service-accent-strong:#2f5a4e;
  --map-service-typical:#dfeee8;
  --map-service-typical-strong:#c9e0d7;
  --map-service-unverified:#7c8a86;
}

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

.map-service-bubble-host{background:none;border:0}
.map-service-bubble{
  min-width:32px;height:26px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;
  border-radius:9px;background:var(--map-service-accent);color:#fff;
  font-size:12px;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-service-bubble.is-selected{background:var(--map-service-accent-strong);transform:scale(1.12)}
.map-service-bubble.is-open{box-shadow:0 2px 10px rgba(63,117,102,.45),0 0 0 2px rgba(255,255,255,.95)}
/* Unverified: hollow and dashed, never a solid "this is open" badge. */
.map-service-bubble.is-unverified{background:var(--cike-surface);color:var(--map-service-unverified);border:1.5px dashed var(--map-service-unverified)}
.map-service-bubble.is-unverified.is-selected{background:var(--cike-surface-soft)}
/* Typical: a real, standard schedule, but lighter than a verified one so the
   two are never confused at a glance. */
.map-service-bubble.is-typical{background:var(--map-service-typical);color:var(--map-service-accent-strong);box-shadow:0 2px 8px rgba(35,54,71,.22),0 0 0 2px rgba(255,255,255,.92)}
.map-service-bubble.is-typical.is-selected{background:var(--map-service-typical-strong)}
.map-service-bubble-mark{font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.map-service-bubble-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-service-bubble-count{font-variant-numeric:tabular-nums;font-size:11.5px}

.map-service-popup-host .leaflet-popup-content-wrapper{border-radius:var(--cike-radius-card)}
.map-service-popup-host .leaflet-popup-content{margin:10px 12px}
.map-service-popup{min-width:216px;max-width:296px;font-size:13px;color:var(--cike-text)}
.map-service-popup h4{margin:0 0 2px;font-size:14px;font-weight:600}
.map-service-popup-venue{margin:0 0 6px;color:var(--cike-muted);font-size:12px}
.map-service-popup ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.map-service-popup li strong{display:block;font-weight:600;font-size:13px;line-height:1.35}
.map-service-popup li span{display:block;color:var(--cike-muted);font-size:12px;line-height:1.5}
.map-service-popup li em{font-style:normal;color:var(--map-service-accent);font-weight:600}
.map-service-popup-warn{
  margin:8px 0 0;padding:6px 8px;border-radius:var(--cike-radius-control);
  background:var(--cike-surface-muted);color:var(--cike-muted);font-size:11.5px;line-height:1.5;
}
.map-service-popup a{display:inline-block;margin-top:8px;color:var(--cike-primary);font-size:12.5px}

.map-service-popup-time{margin:0 0 8px;color:var(--cike-muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.map-service-popup li p{margin:4px 0 0;color:var(--cike-text);font-size:12px;line-height:1.45}

.map-service-bubble.is-food-truck{opacity:.52;background:#f3dc8b;color:#8a6516}
.map-service-bubble.is-food-truck.is-open{opacity:1;background:#e5bd4f;color:#62470d;box-shadow:0 2px 10px rgba(167,122,22,.38),0 0 0 2px rgba(255,255,255,.95)}
.map-service-popup-foodtruck{min-width:196px}
.map-service-popup-foodtruck h4{margin:0 0 5px;font-size:15px}
.map-service-popup-hours{margin:0;color:var(--cike-muted);font-size:12.5px;line-height:1.45}