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

.fudis-dl-item-details {
  &__regular {
    @include core.description-list-value-typography;
    @include core.text-color('gray-dark');

    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: core.$spacing-sm;

    &__content {
      @include core.description-list-value-typography;

      display: flex;
      flex-direction: column;
    }

    &__parenthesis {
      display: none;
    }

    &__sub-heading {
      @include core.text-color('gray-dark');
      @include core.description-list-value-typography;

      margin-top: 0;
      margin-bottom: core.$spacing-xxs;
      font-weight: core.$font-weight-regular;
    }
  }

  &__compact {
    @include core.description-list-compact-value-typography;
    @include core.text-color('gray-dark');

    display: inline-block;
    margin-left: 0;
    padding-left: core.$spacing-xxs;

    &__content {
      display: inline;
    }

    &__parenthesis {
      display: initial;
    }

    &__sub-heading {
      @include core.box-reset;
    }
  }
}