// frozen_string_literal: true
//
//  Copyright (c) 2012-2023, Schweizer Alpen-Club. This file is part of
//  hitobito and licensed under the Affero General Public License version 3
//  or later. See the COPYING file at the top-level directory or at
//  https://github.com/hitobito/hitobito_sac_cas.

ol.step-headers {
  counter-reset: steps;
  list-style: none;
  display: flex;

  li:before {
    content: counter(steps) " ";
    text-align: center;
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 0.5em;
    margin-left: 0;
    border-radius: 50%;
    color: black;
    border: 1px solid black;
    display: inline-flex;
    justify-content: space-around;
    flex-direction: column;
  }

  li {
    counter-increment: steps;
    margin-left: 1em;

    &.active {
      &:before {
        background-color: red;
        color: white;
      }
    }
  }
}

.step-content {
  display: none;

  &.active {
    display: block;
  }
}
