/* ============================================================================
   Cart-button plumbing.

   The comp's card CTA is an <a class="btn">. When a card is backed by a real
   product that button has to become a submit inside a POST form, because
   /cart/add only accepts a POST. These rules keep the form invisible to the
   layout so the rendered result is indistinguishable from the comp's anchor.

   Verified by measuring the anchor version and the form version side by side.
   ============================================================================ */

/* The form wrapper must not introduce a line break: in the meals card the button
   sits on the same line as the price, exactly where the anchor was. */
.pizza-add {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}

/* A <button> does not inherit type styling the way an <a> does. */
.pizza-add > .btn {
  font-family: inherit;
  cursor: pointer;
}

/* .pizza-cta replaces the <p> that wrapped the button in the menu-card layout.
   A bare div has no margin, so without this every menu card would lose the 1rem
   of space the comp's paragraph put beneath its button. */
.pizza-cta {
  margin-bottom: 1rem;
}