/* v3 "Switch event" list (plan §11 #116). The popover / phone bottom sheet
   frame is shell.css .lg-pop (same as the organiser switcher); this file is
   the list: date-stub, event name, a check on the current one.
   Macro: core/components/_lg_event_switch.html. */

.lg-evsw__list { margin: 0; padding: var(--space-1) 0; list-style: none; }
.lg-evsw__option {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: var(--touch-target);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-control);
  color: var(--text);
  text-decoration: none;
}
.lg-evsw__option:hover { background: var(--neutral-tint); }
.lg-evsw__option[aria-current="page"] { background: var(--primary-tint); color: var(--primary-ink); font-weight: 600; }
.lg-evsw__title { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; }
.lg-evsw__date { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); font-weight: 400; color: var(--text-muted); }
/* "All events" (decision 297): an icon in a stub-sized square, like the globe for All organisers. */
.lg-evsw__all {
  display: inline-grid;
  flex: none;
  place-items: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-muted);
}