/* *****************************************************************************
*
*  Item Channel Mini Cart
*
* ***************************************************************************** */

.item-channel--mini-cart {
  .form-selection-input-card-btn__input {
    &:checked {
      & ~ .form-selection-input-card-btn__label {
        &:before {
          display: none !important;
        }

        &:after {
          background-image: url('/images/icons/circle-close.svg');
          opacity: 1!important;
        }
      }
    }
  }

  .form-selection-input-card-btn__label:after {
    @include size(1.5rem !important) ;
    max-width: inherit !important;
    max-height: inherit !important;
    left: auto !important;
    right: 0!important;
    top: 0!important;
    transform: translate(30%, -30%)!important;
    background: none;
  }

  .item-channel__bundle-pseudo-link {
    &:before,
    &:after {
      background: $white;
    }
  }

  &.item-channel--state-cant-unselect {
    pointer-events: none;

    .form-selection-input-card-btn__label {
      &:after {
        background-image: url('/images/icons/circle-hourglass.svg');
        opacity: 1;
        transform: translate(30%, -30%);
        background-size: cover;
      }
    }
  }

  &.item-channel--state-add {
    .form-selection-input-card-btn__label {
      &:before {
        opacity: 1;
        border-color: $gray-600;
      }

      &:after {
        background-image: url('/images/icons/circle-add.svg');
        transform: translate(30%, -30%);
        opacity: 1 !important;
      }

      .card {
        @extend .vui--desactivated;
      }
    }
  }

  &.item-channel--state-locked {}

  &.item-channel--bundle {
    &:after {
      display: none;
    }
  }

  &.item-channel--a-la-carte {}

  &.item-channel--hd-basic {}
}