.popover-mini-basket {
  @include media-breakpoint-up(lg) {
    .arrow {
      margin-left: 60px;
    }
  }

  &__alert {
    padding: 9px 40px 9px 12px;
    border-bottom: 2px solid $gray;
    position: relative;
    display: flex;

    .basket-icon {
      color: $gray;
      margin: 3px 12px 0 0;
      font-size: 1rem;
      display: inline-block;
      vertical-align: top;
    }

    .fa-check-circle {
      color: $green;
    }

    .fa-exclamation-circle {
      color: $yellow;
    }

    .fa-times-circle {
      color: $red;
    }

    &-desc {
      display: inline-block;
      margin-top: 4px;
      font-size: 0.75rem;
    }

    &-text-wrapper {
      width: 100%;
    }

    &-message {
      margin: 0;
      display: inline-block;
      font-size: 0.875rem;
      vertical-align: middle;
      font-weight: 500;
      max-width: calc(100% - 30px);
    }
  }

  &__calculating {
    background-color: $gray-bg;
  }

  &__added {
    background-color: $green-transparent5;
    border-bottom: 2px solid $green;
  }

  &__lower-quantity {
    background-color: $yellow-transparent5;
    border-bottom: 2px solid $yellow;
  }

  &__not-added {
    background-color: $red-transparent5;
    border-bottom: 2px solid $red;
  }

  &__content {
    @include normal-text;
    padding: 16px;
  }

  &__actions {
    display: flex;
    justify-content: stretch;
    border-top: 1px solid $gray;
    padding-top: 16px;

    &-btn {
      flex: 1;

      &:not(:last-child) {
        margin-right: 16px;
      }

      .icon {
        width: auto;
        margin-left: 6px;
        margin-top: -1px;
        margin-bottom: -1px;
      }
    }
  }

  .form-row__action {
    margin-top: 0;

    @include media-breakpoint-down(md) {
      .form-row__col-btn {
        @include make-col(6);
      }
    }
  }

  .notification_success {
    @include primary-text;
    padding-top: 10px;
    border-width: 0 0 1px;

    &.is-hidden {
      display: none;
    }

    .notification__close {
      right: 10px;
      top: 10px;
      font-size: 0.75rem;
    }

    .notification__icon {
      top: 10px;
    }
  }

  &__cards-holder {
    .product-card-preview:last-child {
      .card__inner {
        border: 0;
      }
    }

    .card {
      margin-bottom: 16px;

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

    .product-card__content {
      margin-top: -4px;
    }

    .card__inner {
      padding-bottom: 16px;

      .card__img {
        width: auto;
        max-height: 96px;
        display: flex;
        border: 0;

        &-wrap {
          display: flex;
          justify-content: center;
        }

        &-outer {
          width: 126px;
          max-height: 126px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }

      @include media-breakpoint-down(sm) {
        .card__img {
          border: 0;
        }
      }
    }
  }

  &__tooltip {
    // sass-lint:disable no-important
    .arrow {
      @include media-breakpoint-up(lg) {
        right: 10px;
        left: auto !important;
      }
    }
  }

  &__empty {
    text-align: center;
  }
}

.popover-mini-basket__price {
  &-wrapper {
    width: 100%;
    margin: 5px 0;

    .product-card__price-value {
      line-height: 1;
    }
  }
}