/* transition on the base rule so the aurora dim fades BOTH ways (a transition
   declared only on the dim class would snap back on exit). */
.mb-marker-wrap{line-height:0;transition:opacity .3s ease}
/* Aurora mode: numbered stop markers fade back (never vanish) so the route
   context survives while the hotel + spots take focus. */
.mb-marker-wrap.mb-wrap-dim{opacity:.45}
.mb-marker{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #5C6F4F;color:#5C6F4F;
  font:600 12px/1 Poppins,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.25);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease}
.mb-marker-bubble{background:#5C6F4F;color:#fff}
/* Active stop (scroll-synced highlight on the rail mini-map) */
.mb-marker-active{background:#5C6F4F;color:#fff;transform:scale(1.4);
  box-shadow:0 0 0 4px rgba(92,111,79,.25), 0 3px 10px rgba(0,0,0,.35);position:relative;z-index:3}
/* Aurora mode: numbered hotel "base" marker + sage map-pin drive-to spots */
.mb-aurora-hotel{font-size:13px}
/* Sage teardrop pin (active composes rotate(-45deg) scale(...) — a plain scale
   would un-rotate the teardrop). */
.mb-pin{position:relative;width:18px;height:18px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);background:#5C6F4F;border:2px solid #F5F1EA;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.mb-pin::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#F5F1EA}
.mb-aurora-photo.mb-pin{background:#C98A3C}
.mb-pin.mb-marker-active{transform:rotate(-45deg) scale(1.35);box-shadow:0 0 0 4px rgba(92,111,79,.25),0 3px 10px rgba(0,0,0,.35)}
.mb-aurora-photo.mb-pin.mb-marker-active{box-shadow:0 0 0 4px rgba(201,138,60,.25),0 3px 10px rgba(0,0,0,.35)}
/* Rail mini-map nav control — sage palette, SCOPED to .minimap so the bottom map is untouched */
.minimap .mapboxgl-ctrl-group{border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.18);overflow:hidden}
.minimap .mapboxgl-ctrl-group button{width:28px;height:28px}
.minimap .mapboxgl-ctrl-group button+button{border-top:1px solid rgba(92,111,79,.18)}
.minimap .mapboxgl-ctrl-top-right{margin:6px}
.mapboxgl-canvas{border-radius:16px}