@use '@funidata/fudis-core' as core;

.fudis-footer {
  @include core.box-reset;
  @include core.bg-color('gray-extra-light');

  position: relative;
  text-align: center;

  .fudis-link {
    @include core.link-md;

    &:first-of-type {
      margin-top: core.$spacing-sm;
    }

    &:not(:last-of-type) {
      margin-bottom: core.$spacing-lg;
    }

    @include core.breakpoint('lg') {
      &:not(:last-of-type) {
        margin-bottom: core.$spacing-none;
      }
    }

    @include core.breakpoint('sm') {
      &:first-of-type {
        margin-top: core.$spacing-none;
      }
    }
  }

  &__content {
    bottom: 0;
    padding-top: core.$spacing-md;
    padding-bottom: core.$spacing-xl;
  }

  &__item {
    display: flex;
    flex-direction: column;

    &__logo {
      margin-bottom: core.$spacing-sm;
      /* stylelint-disable-next-line property-disallowed-list, color-no-hex */
      color: #000000;
    }

    @include core.breakpoint('lg') {
      flex-direction: row;
      align-items: center;

      &__logo {
        margin-right: core.$spacing-md;
        margin-bottom: core.$spacing-none;
      }

      .fudis-link {
        &:not(:last-of-type) {
          margin-right: core.$spacing-md;
        }
      }
    }
  }

  @include core.breakpoint('sm') {
    text-align: initial;
  }
}