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

.fudis-dropdown-menu-item {
  @include core.box-reset;
  @include core.body-text-md-light;
  @include core.bg-color('transparent');
  @include core.border-none;

  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  padding: core.$spacing-xs;
  width: 100%;
  overflow: hidden;
  text-align: left;
  cursor: pointer;

  &:hover {
    @include core.bg-color('primary-light');
  }

  &:focus-visible,
  &:focus {
    @include core.focus-dropdown;
  }

  /* stylelint-disable-next-line selector-class-pattern */
  &:active:not(.fudis-dropdown-menu-item--disabled) {
    @include core.bg-color('primary');
    @include core.text-color('white');
  }

  &--disabled {
    @include core.bg-color('gray-extra-light');
    @include core.text-color('gray-middle');

    cursor: default;
  }

  &__label {
    /* stylelint-disable-next-line property-disallowed-list */
    line-height: core.$spacing-sm;

    &__disabled-text {
      padding-right: core.$spacing-xs;
    }
  }
}