/* Customer display screen (CDS) */

/*
 * Loyalty popup.
 * The CDS bill screen is split into a left col-4 (payment QR / side image) and a
 * right col-8 (cart). A plain centered modal covers both, hiding the payment QR,
 * so the loyalty window and its backdrop are clipped to the right col-8 only.
 * 33.3333% matches Bootstrap 3's col-*-4 width.
 */
.cds-loyalty-window.modal {
  left: 33.33333333%;
}

.cds-loyalty-window .modal-dialog {
  /* Override .modal-lg's fixed 900px so the dialog fits the narrower region. */
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
}

.cds-loyalty-backdrop.modal-backdrop {
  /* Do not dim the left column either - the QR must stay fully readable. */
  left: 33.33333333%;
}