/**
 * Availability labels in the showtimes table.
 *
 * Shipped with the plugin rather than added to the Gesso pattern library so a
 * theme rebuild (Node 12 + gulp) is not needed to deploy it. Colours are taken
 * from the compiled Gesso palette.
 */

.showtime__availability {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.showtime__availability--sold-out {
  color: #9b2226;
}

.showtime__availability--not-on-sale {
  color: #595959;
  font-weight: 400;
  text-transform: none;
}

/* Keep a sold out row legible but visibly secondary to the bookable ones. */
.showtimes tr.showtime--unbookable .showtime__time,
.showtimes tr.showtime--unbookable td {
  color: #595959;
}

.showtimes__notice {
  background-color: #f4f4f4;
  border-left: 4px solid #595959;
  color: #333;
  margin: 0 auto 1.5rem;
  padding: 0.75rem 1rem;
}