/**
 * Text-only "add to cart" button for a session.
 *
 * Shares its JS and its stored list with the icon button
 * (rba-sessions.bookmark.css); only the presentation differs. Deliberately
 * unopinionated here - a reset plus the label swap - so every context styles
 * it to match whatever it sits next to, the way the icon button is sized and
 * coloured by its context.
 */
.rba-sessions-cart-button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

/* Full house - see rba-sessions.bookmark.css for the whole story. Spelled out
   here too so a context that gives the button a display of its own cannot
   bring it back. */
.rba-sessions-cart-button[hidden] {
  display: none;
}

/* Both labels are in the markup and CSS shows the one matching the state, so
   the JS stays a single class toggle - the same trick the icon button uses to
   swap its two carts. */
.rba-sessions-cart-button__label--remove,
.rba-sessions-cart-button.is-active .rba-sessions-cart-button__label--add {
  display: none;
}

.rba-sessions-cart-button.is-active .rba-sessions-cart-button__label--remove {
  display: inline;
}