@use '../../styles/mixins' as popoverMixins;
@use 'libs/components/theme/src/lib/styles/compat-tokens-mixins' as compatMixins;

@include compatMixins.sky-default-overrides('.sky-dropdown-menu') {
  --sky-override-dropdown-menu-border-radius: 0px;
  --sky-override-dropdown-menu-color-background: #fff;
  --sky-override-dropdown-menu-padding: 0;
}

.sky-dropdown-menu {
  @include popoverMixins.popoverMaxHeight();

  display: flex;
  flex-direction: column;
  background-color: var(
    --sky-override-dropdown-menu-color-background,
    var(--sky-color-background-container-menu)
  );
  border-radius: var(
    --sky-override-dropdown-menu-border-radius,
    var(--sky-border-radius-s)
  );
  padding: var(
    --sky-override-dropdown-menu-padding,
    var(--sky-space-inset-vertical-top-s) var(--sky-space-inset-vertical-left-s)
      var(--sky-space-inset-vertical-bottom-s)
      var(--sky-space-inset-vertical-right-s)
  );

  button {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
