/* GPX QR Tracker — [gpx_explorer] Combined map + list shortcode */

.gpxqr-explorer-root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.gpxqr-explorer-loading {
  text-align: center; padding: 40px; color: #888; font-size: 14px;
}

/* ── Shared filter bar (activity / difficulty selects) ── */
.gpxqr-explorer-controls {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 16px;
}
.gpxqr-explorer-controls .gpxqr-list-filters {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.gpxqr-explorer-controls .gpxqr-list-select {
  padding: 7px 12px; border: 1px solid #ddd; border-radius: 8px;
  font-size: 13px; background: #fff; cursor: pointer; color: #333;
}
.gpxqr-explorer-controls .gpxqr-list-select:focus { outline: none; border-color: #7c83ff; }

/* Distance slider row re-uses .gpxqr-ma-filter / .gpxqr-list-dist-filter styling */
.gpxqr-explorer-controls .gpxqr-ma-filter {
  border-radius: 10px;
}

/* ── Map area ── */
.gpxqr-explorer-root .gpxqr-map-all-root {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* ── List sort row (below map) ── */
.gpxqr-explorer-list-controls {
  display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
  margin-bottom: 16px;
}
.gpxqr-explorer-list-controls .gpxqr-list-sort-lbl {
  font-size: 12px; color: #888; font-weight: 500;
}