// Table of Contents
// ==================================================
// Card

// scss-lint:disable NestingDepth

// Card
// ==================================================
.card {
  border: 1px solid;
  border-color: color(haze);
  border-radius: border-radius(b);

  > img {
    border-radius: 0;
    margin-left: -1px;
    max-width: calc(100% + 3px);
    width: calc(100% + 3px);
  }

  .table-encase,
  .table-border,
  .table-responsive {
    border-radius: 0;
    border-width: 0;
  }
}
.card-body,
.card-footer { padding: 10px 15px; }
.card-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-weight: text-weight(semibold);
  padding: 9px 15px 11px;
}
.card-wizard {
  border-collapse: separate;
  box-sizing: border-box;
  display: table;
  font-size: text-size(s);
  font-weight: text-weight(normal);
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  table-layout: fixed;
  white-space: nowrap;

  > a,
  > li {
    display: table-cell;
    padding: 9px 0;
    text-align: center;
    vertical-align: middle;
    width: 1%;

    &:not(:first-child) {
      border-left-style: solid;
      border-left-width: 1px;
    }

    &.current {
      background: background-hover-color(light-haze);
      color: color(primary);
    }
    &.completed {
      background: color(light-haze);
      color: color(gray);
    }
  }

  &.dark {
    > a,
    > li {
      &.current { background: background-hover-color(slate); }
      &.completed { background: color(slate); }
    }
  }
  &.light {
    > a,
    > li {
      &.current { background: background-hover-color(haze); }
      &.completed { background: color(haze); }
    }
  }
}
.card-wizard,
.card-body {
  + .card-body,
  + .card-wizard,
  + .table-encase,
  + .table-border
  + .table-responsive .table-encase,
  + .table-responsive .table-border {
    border-top-style: solid;
    border-top-width: 1px;
  }
}
.card-footer,
.card-actions {
  border-top-style: solid;
  border-top-width: 1px;
}
.card-actions {
  display: table;
  width: 100%;

  a {
    display: table-cell;
    line-height: 1;
    padding: 15px 0;
    text-align: center;
    width: 1%;

    &:not(:last-child) {
      border-right-style: solid;
      border-right-width: 1px;
    }
  }
}