/* /events/ — the signed-out events map (plan 108 W6, 2026-09-23).
   Everything structural is /account/account.css's Events view, reused as is.
   This file only adds what a signed-out page has and the account page does
   not: the sign-in line, the "locked" note, and a pin that reads as an AREA.
   No new colour and no new font — the cream on black, style.css's own. */

.events-public .ev-rsvp { display: inline-block; text-decoration: none; }
/* Plan 112: Save beside RSVP — a link to sign-in here, styled by account.css. */
.events-public .ev-save { display: inline-block; text-decoration: none; }

.evp-lead {
  margin: 0 0 4px;
  font-size: .74rem;
  line-height: 1.5;
  letter-spacing: .04em;
  color: rgba(242, 237, 230, .6);
}
.evp-lead a { color: #f2ede6; text-decoration: none; border-bottom: 1px solid rgba(242, 237, 230, .35); }
.evp-lead a:hover { border-bottom-color: #f2ede6; }

.evp-locked {
  margin: 14px 0 0;
  padding-left: 12px;
  border-left: 2px solid rgba(242, 237, 230, .2);
  font-size: .76rem;
  line-height: 1.5;
  letter-spacing: .03em;
  color: rgba(242, 237, 230, .55);
}

.events-public .ev-details-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.evp-signin-line {
  font-size: .62rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(242, 237, 230, .6);
  text-decoration: none;
  border-bottom: 1px solid rgba(242, 237, 230, .25);
}
.evp-signin-line:hover { color: #fff; border-bottom-color: #fff; }

/* The pin stands for a ~2 km cell, not a spot: a soft halo around the dot says
   "around here" without drawing a false boundary. */
.ev-pin.is-rough .ev-pin-dot { box-shadow: 0 0 0 10px rgba(242, 237, 230, .1), 0 2px 6px rgba(0, 0, 0, .6); }

/* SPOTS (pnj plan 113 lane W) — the places the scene uses. The note sits above the
   credit line; the popup wears the page's panel: black, a cream hairline, cream type.
   The live count is app-only, so the popup has no number anywhere. */
.ev-map-spots {
  position: absolute; left: 8px; right: 8px; bottom: 22px; z-index: 1; margin: 0;
  text-align: right; font-size: .6rem; letter-spacing: .05em;
  color: rgba(242, 237, 230, .6); pointer-events: none;
}
.ev-map-spots[hidden] { display: none; }
.spot-popup .maplibregl-popup-content {
  background: #0a0806; color: #f2ede6; border: 1px solid rgba(242, 237, 230, .14);
  border-radius: 0; padding: 12px 14px; box-shadow: 0 6px 24px rgba(0, 0, 0, .6);
}
.spot-popup .maplibregl-popup-tip { display: none; }
.spot-popup .maplibregl-popup-close-button { color: rgba(242, 237, 230, .6); font-size: 16px; }
.spot-pop-photo { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 0 10px; }
.spot-pop-name { font-size: .86rem; letter-spacing: .04em; line-height: 1.3; }
.spot-pop-city { font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(242, 237, 230, .5); margin-top: 2px; }
.spot-pop-line { margin: 10px 0 0; font-size: .72rem; line-height: 1.5; color: rgba(242, 237, 230, .75); }
.spot-pop-fine { margin: 6px 0 0; font-size: .6rem; line-height: 1.45; color: rgba(242, 237, 230, .45); }