/* *****************************************************************************
*
*  Item service plan
*
* ***************************************************************************** */

.item-service-plan {

  &.item-is-unavailable{
    .unavailable-content {
      opacity: 1;
      pointer-events: initial;
    }

    .available-content {
      @extend .vui--desactivated;
    }
  }

  .unavailable-content {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    color: $light;
  }
}