@import "~bootstrap/scss/dropdown";

.dropdown-menu {
  @extend .x-animation-origin-left-top;
  margin-top: -0.05rem;

  &.dropdown-menu-right {
    @extend .x-animation-origin-right-top;
  }

  .dropup & {
    transform: translateY(0)!important; // To fix ngx-bootstrap & Bootstrap Dropup style conflict
  }
}

.dropdown-header {
	color: theme-color("secondary-darker");
}

@if ($is-sirius) {
	.dropdown,
  .dropdown-item {
    @extend %font-size-sm;
  }

  .dropdown--ngx-contentmenu {
    .divider.dropdown-divider  {
      height: 0;
      margin: 0.5rem 0;
      overflow: hidden;
      border-top: 1px solid #d6d6d6;
    }

    .dropdown-item {
      &.hasSubMenu {
        @extend .dropdown-header;
        font-weight: 600 !important;
        // margin-top: 0.5rem;
        // padding-top: 0.5rem;
        // border-top: 1px solid #d6d6d6;
        &:before {
          display: none;
        }

        &:hover {
          cursor: text !important;
          color: theme-color("secondary-darker") !important;
          text-decoration: none;
          background-color: transparent !important;
        }
      }
    }
    // li:first-child {
    //   .dropdown-item.hasSubMenu {
    //     margin-top: 0;
    //     padding-top: 0;
    //     border-top: none;
    //   }
    // }
  }


  .ag-dropdown-header {
    @extend .dropdown-header;
    font-weight: 600 !important;

    &:hover {
      cursor: text !important;
      color: theme-color("secondary-darker") !important;
      text-decoration: none;
      background-color: transparent !important;
    }
  }

  .dropup.open.show .dropdown-menu {
    bottom: 2rem;
  }

  sc-leap-app-btn-grp .dropup .dropdown-toggle:after {
    border-bottom-color: theme-color("info") !important;
  }
  sc-leap-app-btn-grp .dropdown-toggle:after {
    border-top-color: theme-color("info") !important;
  }

  .dropdown-toggle:not(.dropdown-toggle-split):after {
    @extend %ml-1;
  }
  .dropdown-toggle-split {
    @extend %px-2;
  }

	.dropdown-item {
    @include hover-focus {
      @extend %cursor-pointer;
		}
	}

  .x-dropdown-upload {
    @extend %font-weight-normal,
            %text-grey,
            %text-transform-none;
    @include hover-focus {
      @extend %text-primary;
    }
  }

  // Remove shadow for nested dropdown
  .btn-group.show {
    .dropdown-item.dropdown-toggle {
      box-shadow: none;
    }
  }
}

// Fixes for ngx-bootstrap 5.1

bs-dropdown-container {
  z-index: 1051; // modal's z-index + 1
}

.dropdown-submenu {
    position: relative;
    > .dropdown-menu  {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
    }
    &.dropdown-submenu-left {
      > .dropdown-menu  {
        left: -100%;
      }
    }
    > a:after {
      content: '' !important;
      border-top: 0.25rem solid transparent;
      border-right: 0;
      border-bottom: 0.25rem solid transparent;
      border-left: 0.25rem solid theme-color("info") !important;;
      margin-top: 0.35rem;
      margin-left: 1rem;
      float: right;
    }
    &:hover > .dropdown-menu {
      display: block;
    }
}

.dropdown-item.disabled {
  color: theme-color("info") !important;
  opacity: 0.7;
}