// Show all accordion header
.frame-type-tab {
  @include media-breakpoint-down(lg) {
    .tab-content > .tab-pane {
      display: block !important;
      opacity: 1;
    }
  }

  .accordion:last-child .accordion-header a {
    border-bottom: $border-width solid $border-color;
  }
}

.accordion-header {
  a {
    align-items: center;
    border-top: $border-width solid $border-color;
    color: $primary;
    display: flex;
    justify-content: space-between;
    padding: $input-btn-padding-y-lg 0;
    transition: $transition-base;
    width: 100%;

    &:after {
      @extend .svg-arrow-down-12x12;
      content: "";
      flex-shrink: 0;
      margin-left: map-get($margin, 'small');
      transition: $transition-base;
    }

    @include hover-focus {
      text-decoration: none;
      z-index: 1;
    }

    &[aria-expanded="true"] {
      color: $secondary;

      &:after {
        transform: scale(-1);
        transition: $transition-base;
      }
    }
  }
}

.accordion-body {
  padding: $input-btn-padding-y-lg 0;

  .frame {
    &:first-child {
      padding-top: 0;
    }

    &:last-child {
      padding-bottom: 0;
    }
  }
}