@import '../franklin-settings';
@import '../colours';

.accordion {
  width: 100%;

  &__title {
    width: 100%;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5ch;

    padding: 0.25rem 0.5rem;
    margin-bottom: 0.25rem;

    background-color: $colour-platinum;
    font-family: $fs-headers-font-face;
    font-size: 1.25rem;

    & > :first-child {
      flex-grow: 1;
      text-align: start;
    }
  }

  &__content {
    padding-left: 2rem;
  }
}

.accordion-group {
  .accordion:not(:first-child) {
    border-top: none;
  }
}