/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

basic-card-form .editCreditCardForm {
  /* Add the persist-checkbox row to the grid */
  grid-template-areas:
    "cc-number cc-exp-month cc-exp-year"
    "cc-name   cc-type      cc-csc"
    "accepted  accepted     accepted"
    "persist-checkbox persist-checkbox persist-checkbox"
    "billingAddressGUID billingAddressGUID billingAddressGUID";
}

basic-card-form csc-input {
  display: flex;
  flex-grow: 1;
}

basic-card-form .editCreditCardForm > accepted-cards {
  grid-area: accepted;
  margin: 0;
}

basic-card-form .editCreditCardForm .persist-checkbox {
  display: flex;
  grid-area: persist-checkbox;
}

#billingAddressGUID-container {
  display: grid;
}

basic-card-form > footer > .cancel-button {
  /* When cancel is shown (during onboarding), it should always be on the left with a space after it */
  margin-right: auto;
}

basic-card-form > footer > .cancel-button[hidden] ~ .back-button {
  /* When back is shown (outside onboarding) we want "Back <space> Add/Save" */
  /* Bug 1468153 may change the button ordering to match platform conventions */
  margin-right: auto;
}