@import '../helpers/helpers';

.pdp-price-container {
  position: relative;

  &__badges.pdp-price-container__badges {
    @include price-block-badge;

    @include media-breakpoint-down(sm) {
      margin-right: 15px;
    }
  }

  .pdp-price {
    padding: 20px;
    background: $gray-bg;

    &__klarna-payment {
      border: 1px solid $gray;
      margin-bottom: 8px;
    }

    &__billie-payment {
      margin-bottom: 8px;
    }

    &_bw {
      outline: 4px solid $warm-grey;
      border-left: 0;
    }

    &__excluding-delivery {
      @include font-size(12);
      @include line-height(16);
      font-weight: 400;
      display: block;
      margin-bottom: 8px;
    }

    @include media-breakpoint-down(md) {
      margin-bottom: 20px;
    }
  }

  .pdp-price__price,
  .pdp-price__terms,
  .pdp-price__description {
    font-weight: bold;
  }

  .pdp-price__price {
    font-size: 2.125rem;
    line-height: 2.25rem;
    padding: 8px 0;
    color: $blue-dark;
    padding-top: 0;
  }

  .pdp-price__description {
    font-size: 1.1428em;
    padding-bottom: $btn-padding-y;
    color: $red;

    p {
      margin-bottom: 0;
    }
  }

  .pdp-price__sqm {
    font-weight: 500;
    font-size: 1.1428em;
    padding-bottom: $btn-padding-y;
  }

  .pdp-price-sale__value {

    .pdp-price__sqm {
      color: $red;
    }
  }

  //sass-lint:disable no-mergeable-selectors

  .pdp-price__sqm {
    color: $blue-dark;
  }

  .pdp-price__remainder {
    padding-bottom: $btn-padding-y;
  }

  .pdp-price__terms {

    & a:hover {
      color: $gray-dark;
    }
  }

  .pdp-price__control-installation {

    & > .btn-secondary {
      &:focus {
        background-color: $white;
        border-color: $blue;
        color: $blue;
      }
    }
  }
}