/* 🚧 WIP 🚧: BEM naming convention and file organization cleanup need to be completed for these styles */
.cpap__sticky-add-to-cart {
  background: var(--cpap-primary-white);
  z-index: 2;
  box-shadow: var(--cpap-popup-box-shadow);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s linear;
  transform: translateY(100%);

  &.cpap__sticky-add-to-cart--sticky {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .sticky-buy-section {
    padding: 17px 0 15px 0;
  }
  .sticky-buy-section .sticky-buy-product,
  .sticky-buy-section .sticky-buy-price {
    width: 50%;
  }
  .sticky-buy-section .sticky-buy-price-btn .cpap__buy-buttons-row {
    display: flex;
    gap: 10px;
  }
  .sticky-buy-product-image {
    width: 63px;
    height: 60px;
    border-radius: 4px;
    padding: 5px;
    background: var(--cpap-primary-white);
    margin-right: 16px;
  }
  .sticky-buy-product .sticky-buy-product-title h3 {
    color: var(--cpap-primary-soft-black);
  }
  .sticky-buy-product .sticky-buy-product-title span {
    margin: 1px 0 0 0;
    color: var(--cpap-text-text-gray);
  }
  .sticky-buy-price .sticky-buy-price-wrap {
    margin-right: 16px;
  }
  .sticky-buy-price .sticky-buy-price-wrap .compare-price {
    text-decoration: line-through;
    color: var(--cpap-text-text-gray);
    margin-bottom: 8px;
  }
  .sticky-buy-price .sticky-buy-price-wrap .price {
    color: var(--cpap-primary-soft-black);
    font-size: var(--bs-body-font-size-24);
    line-height: var(--bs-body-line-height-24);
  }
  .sticky-buy-price .sticky-buy-price-btn .product-form__buttons {
    max-width: unset;
  }
  .sticky-buy-price .sticky-buy-price-btn button {
    height: 56px;
    width: 356px;
    background-color: #ff600a;
    color: #ffffff;
  }
  .sticky-buy-price .sticky-buy-price-btn button:disabled {
    cursor: not-allowed;
    pointer-events: auto;
  }
  .sticky-buy-price .sticky-buy-price-btn button span {
    justify-content: center;
    font-size: 18px;
  }

  .cpap__sticky-add-to-cart__prescription-text-container {
    display: flex;
    background: var(--cpap-primary-beige);
    padding: 5px 0;
    min-height: 44px;

    svg {
      width: 28px;
      height: 28px;
      margin-right: 8px;
    }

    span {
      flex: 1;
      color: var(--cpap-primary-soft-black);
    }
  }

  .sticky-buy-section::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -150px;
    height: 50%;
    width: 50%;
    opacity: 0.8;
    background: linear-gradient(
      90deg,
      var(--cpap-linear-gradient-green) 27.15%,
      var(--cpap-linear-gradient-lightgreen) 70.37%
    );
    z-index: -1;
    filter: blur(30px);
  }
  .sticky-buy-price .sticky-buy-price-wrap .badge,
  .sticky-buy-price .sticky-buy-price-wrap .price__regular {
    display: none;
  }
  .sticky-buy-price .sticky-buy-price-wrap .price__sale {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-start;
    margin: 0;
  }
  .sticky-buy-price .sticky-buy-price-wrap .price__sale .price-item--last {
    display: block;
    margin: 0;
    color: var(--cpap-primary-soft-black);
    font-size: var(--bs-body-font-size-24);
    line-height: var(--bs-body-line-height-24);
    font-weight: var(--bs-body-font-weight);
  }
  .sticky-buy-price .sticky-buy-price-wrap .price__sale .price-item.price-item--regular {
    color: var(--cpap-text-text-gray);
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height-17);
    font-weight: var(--bs-body-font-weight-400);
    display: block;
  }
  .sticky-buy-price
    .sticky-buy-price-wrap
    .price__sale
    .cpap__price-overrides__discount-tag-container {
    display: none;
  }

  @media (max-width: 991.98px) {
    .sticky-buy-section:before {
      display: none;
    }
    .sticky-buy-section .sticky-buy-price {
      width: 100%;
      gap: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .sticky-buy-price .sticky-buy-price-wrap {
      width: 100%;
      display: flex;
      align-items: center;
    }
    .sticky-buy-price .sticky-buy-price-wrap .compare-price {
      margin: 0 0 0 8px;
      order: 2;
    }
    .sticky-buy-section .sticky-buy-price-btn .cpap__buy-buttons-row {
      display: block;
    }
    .sticky-buy-price .sticky-buy-price-btn button {
      width: 100%;
      margin-top: 12px;
      min-width: 100%;
    }
    .sticky-buy-section .sticky-buy-price .sticky-buy-price-btn {
      width: 100%;
    }
    .sticky-buy-section {
      padding: 12px 0;
    }
    .sticky-buy-price .sticky-buy-price-wrap .price__sale {
      flex-direction: row;
      align-items: center;
    }
    .sticky-buy-price .sticky-buy-price-wrap .price__sale span {
      order: 2;
    }
    .sticky-buy-price .sticky-buy-price-wrap .price__sale span.price-item--last {
      order: 1;
    }
  }
}