/* ── Heartability shared room-map dropdown ──
   Loaded alongside assets/js/room-nav.js. Colors are hardcoded (not
   var(--line-col) etc.) for the same reason as nav.css: those custom
   property names differ slightly per page (some hardcode #111 directly). */

.map-wrap { position: relative; }
.map-btn {
  display: flex; align-items: center; gap: 4px;
  background: none; border: none; font-family: inherit; font-size: inherit; color: inherit;
}
.map-dropdown {
  position: absolute; top: calc(100% + 4px); right: 0; min-width: 170px;
  background: #6e83d3; border: 2px solid #111;
  box-shadow: 3px 4px 0 rgba(0,0,0,0.12);
  z-index: 201; display: none; flex-direction: column; overflow: hidden;
}
.map-dropdown.open { display: flex; }
.map-item {
  display: block; font-family: var(--font-hand); font-size: clamp(15px, 1.3vw, 18px); color: #fff;
  padding: 9px 14px; cursor: pointer; border: none; background: none;
  text-align: left; white-space: nowrap; transition: background 0.12s; text-decoration: none;
}
.map-item:hover { background: rgba(0,0,0,0.07); }
.map-item.current { color: rgba(255,255,255,0.55); cursor: default; }
.map-item.current:hover { background: none; }