@import '@digi/core/dist/digi/digi.css';
@import '~@angular/cdk/overlay-prebuilt.css';
@import 'mixins/a11y';
@import 'mixins/backdrop';
@import 'mixins/icon';
@import 'mixins/link';
@import 'variables/z-index';

* {
  font-family: var(--digi--typography--font-family);
  box-sizing: border-box;

  ::before,
  ::after {
    box-sizing: border-box;
  }
}

body {
  margin: 0;
  font-weight: var(--digi--typography--font-weight);
}

button {
  font-family: var(--digi--typography--font-family);
  cursor: pointer;
}

strong {
  font-weight: var(--digi--typography--font-weight--semibold);
}

address {
  font-style: normal;
}

dl {
  dt {
    font-weight: var(--digi--typography--font-weight--semibold);
  }

  dd {
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
}

// Make all digi icons display inline-flex to make them get the correct height.
[class^='sc-digi-icon'],
.digi-button__icon {
  display: inline-flex;
}

// Fix issue with too long modal-content. This makes it scrollable.
.digi-ng-dialog-base__content {
  max-height: 90vh;
  overflow-x: auto;
}

.msfa {
  &__a11y-sr-only {
    @include msfa__a11y-sr-only;
  }

  &__small-text {
    font-size: 0.875rem !important;
  }

  &__backdrop {
    @include msfa__backdrop($msfa__z-index-default, false);

    &--full-screen {
      @include msfa__backdrop($msfa__z-index-backdrop);
    }
  }

  &__digi-icon {
    display: inline-flex;
  }

  &__link {
    @include msfa__link(false, 'light');

    &--ignore-visited:visited {
      @include msfa__link(true, 'light');
    }
  }
}
