/* map-places-list
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/map-places-list.css. */
.places-map { padding: var(--section) 0; }
.places-map .places-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--s7); align-items: center; }
.places-map .map { margin: 0; min-width: 0; }
.places-map .map-canvas { height: 580px; border-radius: var(--r-img); overflow: hidden; background: var(--stone); z-index: 0; font-family: var(--sans); }
.places-map .map-note { margin-top: 12px; font-size: 14px; color: var(--muted); }
.places-map .map-pin { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--accent); color: #fff; font: 700 16px/1 var(--sans); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.places-map .map-pin-accent { background: var(--highlight); }
.places-map .map .leaflet-control-attribution { font-size: 14px; line-height: 1.4; padding: 2px 8px; background: rgba(255,255,255,.92); color: #1d2a22; }
.places-map .map .leaflet-control-attribution a { color: #1d2a22; text-decoration: underline; }
.places-map .map .leaflet-control-zoom a { color: #1d2a22; }
.places-map .map .leaflet-container :focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.places-map .place-list { display: grid; gap: var(--s3); margin: var(--s5) 0; }
.places-map .place-list li { display: flex; gap: 20px; align-items: flex-start; }
.places-map .place-list h3 { font-family: var(--sans); font-size: 18px; font-weight: 700; line-height: 1.4; }
.places-map .place-list p { color: var(--muted); font-size: 16px; }
.places-map .pin { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 700; font-size: 15px; display: grid; place-items: center; }
.places-map .pin-accent { background: var(--highlight); }
@media (max-width: 1100px) {
  .places-map .places-grid { grid-template-columns: minmax(0, 1fr); gap: var(--s5); }
  .places-map .map { order: 2; max-width: 680px; }
}
@media (max-width: 700px) {
  .places-map .map { display: none; }
  .places-map .place-list { margin: var(--s4) 0; }
}

/* Block markup adjustments */
.places-map .place-list { counter-reset: place; }
.places-map .place-list > li { counter-increment: place; }
.places-map .place-list > li::before { content: counter(place); flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 700; font-size: 15px; display: grid; place-items: center; }
.places-map .place-list > li.is-accent::before { background: var(--highlight); }
