/* *****************************************************************************
*
*  Accordion (collapse)
*
* ***************************************************************************** */

.accordion-item {
  // Version step-by-step
  &--step-by-step {
    // Step already done
    &:not(.active-accordion){
      //@include media-breakpoint-down(sm){
      //  display: none;
      //}

      .accordion-item--step-by-step__header {
        background-color: $white;
      }
    }

    &.active-accordion {
      // Next step NOT currently done
      &,
      & ~ .accordion-item--step-by-step {
        .card-header__link {
          display: none;
        }
      }

      // Next step NOT currently done
      & ~ .accordion-item--step-by-step  {
        .accordion-item--step-by-step__header {
          @extend .vui--desactivated;
        }
      }

      // active header
      .accordion-item--step-by-step__header {
        background-color: $secondary;

        @include media-breakpoint-down(sm){
          display: none;
        }

        * {
          color: $white;
        }
      }
    }
  }
}