@import '../helpers/helpers';

.footer-checkout {
  padding: 0;

  &-holder {
    @include make-container-max-widths;
    @include make-container;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: $gray-bg;
    padding: 25px 0;
  }

  .payments {
    margin-bottom: 15px;

    .payments__item {
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }

      .payments__img {
        height: auto;
        width: auto;
      }
    }
  }

  &__copyright {
    font-size: .75rem;
    line-height: 1rem;
    white-space: nowrap;
  }

  .payments {
    @include make-col-ready;
    @include make-col(12);
  }
}

@include media-breakpoint-up(md) {
  .footer-checkout {
    padding: 0 15px;

    &-holder {
      flex-direction: row;
      justify-content: space-between;
    }

    .payments {
      text-align: left;
      margin-bottom: 0;

      .payments__item {
        margin-right: 25px;
      }
    }

    &__copyright,
    .payments {
      flex: 1;
    }
  }
}