/* Five Star Service Area Map — colors and type. Change the copper values to match the site. */
.fs-map-wrap {
  --fs-copper: #b06a32;
  --fs-copper-core: rgba(176, 106, 50, .62);
  --fs-copper-tint: rgba(176, 106, 50, .20);
  --fs-ink: #22262a;
  --fs-muted: #646b72;
  --fs-line: #d9d6d0;
  --fs-water: #dfe5e8;
  --fs-land: #f3f1ec;
  --fs-county: #cfcbc3;
  --fs-state: #8d8a84;
  display: grid;
  gap: 14px;
  color: var(--fs-ink);
}
.fs-map-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.fs-map-seg { display: inline-flex; border: 1px solid var(--fs-line); border-radius: 6px; overflow: hidden; background: #fff; }
.fs-map-seg button {
  font-family: inherit; font-weight: 600; font-size: 14px; line-height: 1; letter-spacing: .06em; text-transform: uppercase;
  border: 0; background: transparent; color: var(--fs-muted); padding: 11px 16px; cursor: pointer;
}
.fs-map-seg button + button { border-left: 1px solid var(--fs-line); }
.fs-map-seg button[aria-pressed="true"] { background: var(--fs-copper); color: #fff; }
.fs-map-seg button:focus-visible { outline: 2px solid var(--fs-copper); outline-offset: -4px; }
.fs-map-legend { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; color: var(--fs-muted); }
.fs-map-legend span { display: inline-flex; align-items: center; gap: 7px; }
.fs-map-sw { width: 18px; height: 12px; border-radius: 2px; border: 1px solid var(--fs-copper); }
.fs-map-sw.core { background: var(--fs-copper-core); }
.fs-map-sw.select { background: var(--fs-copper-tint); }
.fs-map-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--fs-copper); box-shadow: 0 0 0 2px var(--fs-ink); }
.fs-map-canvas {
  height: var(--fs-map-h, 560px); max-height: 75vh; min-height: 360px;
  border: 1px solid var(--fs-line); border-radius: 6px;
}
.fs-map-canvas.leaflet-container { background: var(--fs-water); font-family: inherit; }
.fs-map-canvas .fs-tt {
  background: none; border: 0; box-shadow: none; padding: 0;
  font-weight: 700; font-size: 13px; line-height: 1; color: var(--fs-ink);
  text-shadow: 0 0 3px var(--fs-land), 0 0 3px var(--fs-land), 0 0 3px var(--fs-land), 0 0 5px var(--fs-land);
}
.fs-map-canvas .fs-region {
  background: none; border: 0; box-shadow: none; padding: 0;
  font-weight: 600; font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--fs-state); text-shadow: 0 0 3px var(--fs-land);
}
.fs-map-canvas .fs-tt::before, .fs-map-canvas .fs-region::before { display: none; }
.fs-map-canvas.fs-wide .fs-tt.near, .fs-map-canvas.fs-wide .fs-region.local { display: none; }
.fs-map-canvas .leaflet-popup-content b { font-size: 15px; }