/**
 * Fixed-height cards that need to size to their content: the day rows on the
 * homepage and /programming, and the stop cards on curated route pages.
 *
 * Two fixes to the vendored card:
 *
 * 1. Height. .place-events-item.horizontal is a fixed 270px, dropping to
 *    200px below 991px, and the info column is fixed-height with
 *    overflow:clip -- so a long title silently loses its last line. Three
 *    cards clip by up to 27px on a phone today, including the Janine Mileaf
 *    walkthrough, which loses part of its date. Cards now size to their
 *    content and the row stretches every card to match the tallest, so a row
 *    stays even. min-height keeps the existing proportions when content is
 *    short, so nothing shrinks.
 *
 * 2. Arrow visibility, paired with cxw-carousel.js. The arrows are
 *    position:absolute, so fading them costs no layout shift.
 */

.places-events-list-horizontal.singeline {
  /* Was center, which lets short cards sit small next to tall ones. */
  align-items: stretch;
}

.place-events-item.horizontal {
  height: auto;
  min-height: 270px;
}

.place-event-info-container-horizontal {
  height: auto;
  overflow: visible;
  padding-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .place-events-item.horizontal {
    min-height: 200px;
  }
}

.eventleftarrow,
.eventrightarrow {
  transition: opacity 0.18s ease;
}

.eventleftarrow.cxw-arrow-hidden,
.eventrightarrow.cxw-arrow-hidden {
  opacity: 0;
  pointer-events: none;
}

/*
 * Route stop cards. Same failure as above but worse, because the card has
 * overflow:visible rather than clip: at 390px the curator's note runs past
 * the 300px card and prints on top of the card below it -- 8 of Devon
 * VanHouten-Maldonado's stops overlap, the worst by 141px. Per-stop notes are
 * a 2026 addition, so the fixed height predates any text under the address.
 *
 * The image frame is flex:1 with height:180px, so with an auto-height card it
 * settles at 180px and the description takes what it needs; min-height keeps
 * short cards at the size they are today, with the frame absorbing the slack.
 */
.routesplacecard {
  height: auto;
  min-height: 300px;
}