/*------------------------------------------------------------
SELECTION
====================================*/

/* Variables Custom */
$selection-block-border-width: 0.1rem !default;
$selection-block-border-color: $gray-200 !default;
$selection-block-checked-bg: $gray-100 !default;
/**************************************/

.selection-block {
  padding: 2rem 1.5rem;
  margin: 0;
  border: $selection-block-border-width solid $selection-block-border-color;
  border-bottom: 0;
  &:last-child {
    border-bottom: $selection-block-border-width solid $selection-block-border-color;
  }
  .custom-control-text {
    width: 100%;
  }

  &.active {
    background: $selection-block-checked-bg;
    border-color: $selection-block-checked-bg;
    & + .selection-block {
      border-top-color: $selection-block-checked-bg;
    }
  }
}
.selection-block-price {
  float: right;
  margin-left: 1rem;
}
.selection-block-title, .selection-block-description {
  display: block;
}
.selection-block-title {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  .img-wrapper {
    width: 7rem;
    margin-top: 1rem;
    flex: 100%;
  }
  img {
    max-height: 7rem;
  }
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
  .selection-block {
    padding: 3rem 1.5rem;
  }
  .selection-block-title, .selection-block-description {
    width: 65%;
  }
  .selection-block-title {
    margin-top: 0.4rem;
    .img-wrapper {
      position: absolute;
      right: 1.5rem;
      margin-top: -0.7rem;
    }
  }
  .selection-block-price + .selection-block-title {
    .img-wrapper {
      margin-top: 2rem;
    }
  }
}

@include media-breakpoint-up(lg) {
  .selection-block-price + .selection-block-title {
    .img-wrapper {
      right: auto;
      left: 66%;
      top: 45px;
      margin-top: 0;
      transform: translateY(-50%);
    }
  }
}
