@import "../node_modules/admin-lte/build/scss/mixins/cards";

$brandName: 'brand';
@include cards-variant($brandName, $brandColor-01);

.card-brand {

  &.card-outline-tabs, &.card-outline {
    border-top: 0 !important;
  }

  &.card-outline {

    .card-header {

      .nav-link {
        &.active {
          color: #FFFFFF !important;
          background: $brandColor-01;
        }
      }
    }

    &.card-outline-tabs {
      .card-header {

        .nav-link {
          &.active {
            color: inherit !important;
            background: whitesmoke;
            border-bottom-color: whitesmoke;
          }
        }
      }

      .card-body {
        background-color: whitesmoke;
      }
    }

  }

  .card-header {
    .nav-link {
      color: $brandColor-01 !important;
    }
  }

}

.accordion-card {
  box-shadow: none;
  border: 1px solid #DDD;
  border-radius: 4px;

  &.no-border {
    border: 0;
  }

  &.no-border-radius {
    border-radius: 0;
  }

}

.delivery-card {
  .card-header {
    padding: 8px 4px;
  }

  .prodoti-list-item {
    font-size: 13px;
    color: #333333;
  }

  .riepilogo-list-item {
    font-size: 14px;
    color: #333333;
  }

  .totale-ordine {
    margin-top: 5px;
    font-weight: bold;
  }

  .metodo-pagamento {
    color: #333333;
  }
}

.position-card {
  margin-bottom: 0;
  border-top: 1px solid #DDD;
}