@import 'mixins/list';
@import 'variables/gutters';

.footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--digi--ui--color--background--profile);
  padding: $digi--layout--gutter--l $digi--layout--gutter--xl;
  color: var(--digi--typography--color--text--light);

  &__logo-wrapper {
    display: flex;
    flex-direction: column;
    gap: $digi--layout--gutter--s;
    ::ng-deep .digi-logo {
      --digi-logo--padding: 0;
    }
  }

  &__nav-list {
    @include msfa__reset-list;
    display: flex;
    flex-direction: column;
    gap: $digi--layout--gutter--s;
  }

  &__version {
    font-size: 0.75rem;

    ::ng-deep p {
      margin: 0;
    }
  }
}
