/*********************************
******* Readable checkout (1.4.2) *
**********************************/
/*
 * Sizes and contrast for fields, labels and error notes.
 *
 * Scoped to the plugin's own wrappers, so nothing outside the checkout
 * changes, and the id makes these rules win over a theme's "label" or
 * "input" rules without !important. Fixed px on purpose: themes set very
 * different base sizes (rem/em would follow them). 16px in fields also
 * stops iOS Safari from zooming in on focus.
 *
 * The booking button's text colour comes from simplybuy-checkout.js
 * (--sbuy-on-primary / --sbuy-on-hover): white or dark, whichever reads
 * better on the button colour the site uses. Without the script it stays
 * white, as before.
 */
#sb-checkout-page,
#sbuy-quick-checkout {
  .formfield label,
  .formfield .sbuy-collapsible__summary {
    font-size: 16px;
    line-height: 1.4;
  }

  .formfield input,
  .formfield select,
  .formfield textarea {
    font-size: 16px;
  }

  .formfield .error-label {
    color: #b32d2e;
  }

  .error-info {
    color: #b32d2e;
    background-color: #fdecea;
  }

  .sbuy-note-hint {
    margin: 0 0 6px;
  }

  .sb-button,
  .sb-button a {
    font-size: 16px;
  }

  .sb-button:not(.sb-back) a {
    color: var(--sbuy-on-primary, #fff);
  }

  .sb-button:not(.sb-back):hover a,
  .sb-button:not(.sb-back):focus a {
    color: var(--sbuy-on-hover, #fff);
  }
}