@import './sign-up-v2';
@import '../components/input-messages';
@import '../components/payments-v2';
@import '../helpers/mixins';

.footer {
  &-nav {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;

    &__inner {
      margin: 0 auto;
    }

    .accordion {
      border-top: 1px dashed;
      padding: 12px 24px;

      &:last-child {
        border-bottom: 1px dashed;
      }

      &__header,
      &__content {
        padding: 0;
      }

      &__content {
        display: none;

        &-inner {
          padding: 8px 12px 4px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
        }
      }

      &__header {
        pointer-events: unset;
        margin-bottom: 0;
        text-align: left;
        position: relative;

        &-text {
          letter-spacing: .15px;
        }

        &-icon {
          display: none;
        }

        &::after {
          content: '+';
          font-weight: 700;
          display: inline-block;
          position: absolute;
          right: 0;
          color: $gray-dark;
        }
      }

      &.accordion_collapsed {
        .accordion__header::after {
          content: '-';
        }
      }
    }

    &__item {
      margin-bottom: 0;
      list-style-type: none;

      & + .footer-nav__item {
        margin-top: 4px;
      }
    }

    &__link {
      @include footer-link;
    }
  }
}

@include media-breakpoint-up(lg) {
  .footer-nav {
    &__inner {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    .accordion {
      border: 0 !important;
      padding: 0;

      &__content {
        display: block;

        &-inner {
          padding: 8px 0 0;
        }
      }

      &__header {
        pointer-events: none;

        &::after {
          content: '';
        }
      }
    }
  }
}
