@use "./mixins" as *;

// adduse
.dx-menu-base {
  @include user-select(none);

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: start;
  box-sizing: content-box;

  .dx-menu-items-container,
  .dx-menu-item-wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    height: 100%;
  }

  .dx-menu-items-container {
    list-style-type: none;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
  }

  .dx-state-disabled,
  &.dx-state-disabled .dx-menu-items-container {
    cursor: default;
  }

  .dx-menu-item {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;

    .dx-menu-item-content {
      white-space: nowrap;
      height: 100%;
      width: 100%;

      .dx-icon {
        display: inline-block;
        vertical-align: middle;
        border: 0;
      }

      .dx-menu-item-text {
        display: inline;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .dx-menu-item-text-with-url {
        vertical-align: baseline;
      }

      .dx-icon-with-url {
        vertical-align: top;
      }

      .dx-item-url {
        vertical-align: middle;
      }

      .dx-menu-item-popout-container {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        bottom: 0;
        width: 2em;

        .dx-menu-item-popout {
          height: 100%;
        }
      }
    }

    .dx-submenu {
      box-sizing: content-box;
    }
  }

  &.dx-rtl {
    .dx-menu-item-content {
      .dx-menu-item-popout {
        @include flip-horizontally();
      }
    }
  }

  &.dx-overlay-content .dx-scrollable {
    overflow: visible;

    .dx-scrollable-content {
      min-height: auto;

      // NOTE: to prevent bug with simulated strategy on Windows and monitor scale 150% (nested submenus are not displayed in some cases)
      transform: none !important; // stylelint-disable-line declaration-no-important
    }

    .dx-scrollable-container {
      overscroll-behavior: contain;
    }
  }
}