/* plan-details.css — clickable-row affordances for "Plan My Evening".
 * The Details modal itself reuses the .details-* / .dm-* / .pbadge / .venue-link rules
 * that ship in bulletin.css (already loaded by plan.html). This file only adds the
 * small bits the plan page needs: a tappable row, the Details button, the "No set time"
 * tag, and the flexible-listings block. */

/* The whole stop is clickable / keyboard-focusable to open Details. */
.pl-stop[data-pl-details] { cursor: pointer; transition: background .12s ease; }
.pl-stop[data-pl-details]:hover { background: rgba(214, 64, 43, .045); }
.pl-stop[data-pl-details]:focus-visible { outline: 2px solid var(--red); outline-offset: -2px; }
/* Links inside the row keep their own pointer behaviour (they don't open the modal). */
.pl-stop a, .pl-stop .pl-details-btn { position: relative; z-index: 1; }

/* "Details" affordance in the meta row, styled to sit beside the trust chip + Directions. */
.pl-details-btn {
  font-family: var(--body); font-size: 13px; font-weight: 600;
  color: var(--ink); background: none; border: 0; border-bottom: 1px solid var(--rule-soft);
  padding: 0 0 1px; cursor: pointer;
}
.pl-details-btn:hover { color: var(--red); border-bottom-color: var(--red); }

/* No-set-time events never get a fake slot hour: their time reads "No set time". */
.pl-time-tba { color: var(--ink-faint); font-style: italic; font-weight: 600; font-size: 14px; }

/* The "Also on, no set time" block sits after the lettered plans, visually quieter. */
.pl-plan.pl-flex { border-top-color: var(--ink-faint); background: #f6f1e4; }
.pl-plan.pl-flex .pl-rank { font-size: 18px; }