/* CSS DISCOUNT IN CART ALDOUS */

.cart_discount_field {
  & input {
    border: 1px solid rgba(81,86,81);
    max-width: 100%;
  }
  & .applyDiscountBtn {
    background-color: #afb1af;
    border: 1px solid #afb1af;
    color: var(--white);
    transition: all .5s ease-in-out;
    pointer-events: none;
    max-width: 415px;
  }
  & input, & .applyDiscountBtn {
    height: 40px;
  }
  & input:not(:placeholder-shown) {
    text-transform: uppercase;
    & + .applyDiscountBtn {
      background-color: var(--primary-light);
      border-color: var(--primary-light);
      pointer-events: unset;

      &:hover {
        background-color: var(--primary);
        border-color: var(--primary);
      }
    }
  }
  & .discountText {
    padding: 4px 8px;

    & button {
      top: 3px;
      right: 3px;
      width: 15px;
      height: 15px;
      padding-bottom: 1px;
    }

    &[type="error"] {
      background-color: #f7e3e3;
      border: 1px solid #ff7070;
      color: #5b0101;

      & button {
        background: #efa4a4;
      }
    }

    &[type="warning"] {
      background-color: #f5e8c1;
      border: 1px solid #f5bc31;
      color: #563E01;

      & button {
        background: #d1b662;
      }
    }

    &[type="primary"] {
      background-color: #deebda;
      border: 1px solid #85a979;
      color: #1b3712;

      & button {
        background: #a2bd99;
      }
    }

    &[type="info"] {
      background-color: #e0effb;
      border: 1px solid #adc1ed;
      color: #1f62a5;

      & button {
        background: #9bc9f1;
      }
    }
  }
}dis