/* Shared styling for the exhibit-number badges drawn at runtime by
   /scripts/floorplanMarkers.js — used by both the public floorplan viewer
   and the admin placement editor. Loaded as a plain stylesheet (not an
   Astro-scoped <style> block) because the badges are appended to raw SVG
   markup that Astro's build-time scoping never sees.
   Colors/font pull from the site's own tokens (src/styles/style-config.css,
   src/styles/fonts.css) so the badges stay in sync with the rest of the
   site's theme. */

.floorplan-marker-circle {
  fill: var(--color-primary);
}

.floorplan-marker-text {
  fill: var(--color-secondary-light);
  font-family: var(--font-display-family), sans-serif;
  font-weight: var(--font-display-weight-black, 600);
  font-size: 8px;
  pointer-events: none;
}

.floorplan-marker-remove-bg {
  fill: var(--color-accent, #dc3545);
}

.floorplan-marker-remove-label {
  fill: var(--color-text-inverse, #fff);
  font-family: var(--font-display-family), sans-serif;
  font-size: 6px;
  pointer-events: none;
}

/* Used by the aruco-table-2 placement panel: dims every already-placed
   exhibit other than the one currently being confirmed, so it reads as
   context rather than something else to interact with. */
.floorplan-marker-dim {
  opacity: 0.35;
  pointer-events: none;
}

/* Used by intern/floorplan-editor.astro to call out whichever marker's info
   is currently showing in the sidebar. Warning/gold rather than accent
   (already used by the remove "x" badge) so the two don't get confused. */
.floorplan-marker-selected .floorplan-marker-circle {
  fill: var(--color-warning, #ffc107);
  stroke: #fff;
  stroke-width: 1.5;
}

.floorplan-marker-selected .floorplan-marker-text {
  fill: #1f2937;
}

/* Used by FloorplanMap.astro's Bachelor/Master toggle. Accent (not the
   warning/gold above, which is reserved for "you are here") since the
   remove "x" badge that also uses accent is never present on this
   non-editable map. */
.floorplan-marker-degree-match .floorplan-marker-circle {
  fill: var(--color-accent, #d4386a);
  stroke: #fff;
  stroke-width: 1.5;
}

.floorplan-marker-degree-dim {
  opacity: 0.3;
}