@import '../../_widgetsCommon.scss';
.bolt-dropdown {
    border-radius: $spacing-4;
    padding-top: $spacing-8;
    overflow-y: hidden;

    .bolt-list-row.selected .bolt-list-cell:first-child {
        border-left: 0px none transparent;
    }
}

.bolt-dropdown-list-box-container {
    max-height: 270px;
    padding-bottom: $spacing-8;
}

.bolt-dropdown .bolt-dropdown-list-box-container {
    overflow-x: hidden;
    overflow-y: auto;
}

.bolt-dropdown-filter.bolt-textfield {
    background: $transblack-6;
    border-radius: 2px;
    border-color: transparent;

    .bolt-textfield-input {
        background: transparent;
    }
}

.bolt-dropdown-filter-container {
    padding-left: $spacing-8;
    padding-right: $spacing-8;
    padding-bottom: $spacing-8;
}

.bolt-actions-container {
    border-top: 1px solid;
    border-top-color: $transblack-6;
    padding: $spacing-8;
    align-items: flex-start;
}

.bolt-dropdown-no-items {
    padding: 6px 10px;
    color: $secondary-text;
    text-align: center;
}

.bolt-focus-visible .bolt-dropdown .bolt-table-row.focused {
    outline: none;
    @include box-shadow-focus-rect(true);
}

//Safari only rule, safari doesn't show box-shadows on table rows.
_::-webkit-full-page-media,
_:future,
:root .bolt-focus-visible .bolt-dropdown .bolt-table-row.focused {
    outline-style: auto;
}

/// Apply to actions that should appear right aligned.
/// @group dropdown|actions
.bolt-dropdown-action-right-button {
    margin: $spacing-8 $spacing-4 0px 0px;
    align-self: flex-end;
}

.bolt-dropdown-expandable-textfield-input {
    text-align: left;
    min-width: 0;
    @include ms-high-contrast-highlight();
    @include ms-high-contrast-override {
        background: window;
        color: windowtext !important;
        forced-color-adjust: auto;
    }
}

.bolt-dropdown-expandable-textfield-input:empty {
    min-height: 29px !important;
}

.bolt-dropdown-expandable-textfield-input::-moz-focus-inner {
    border: 0;
}

.bolt-dropdown-expandable-textfield-input.bolt-textfield-input {
    background-color: transparent;
}

.bolt-dropdown-expandable-button-label {
    text-align: left;
}

.bolt-dropdown-filter-bar-item {
    max-width: 100%;

    .bolt-button {
        max-width: 100%;
    }
}

.bolt-dropdown-filter-bar-item .bolt-dropdown-expandable-button-label {
    max-width: 340px;
    font-weight: $fontWeightNormal;

    .bolt-dropdown-filter-bar-item-selected-text {
        color: $primary-text;
        @include ms-high-contrast-override {
            color: windowText;
        }
    }
}

.bolt-dropdown-filter-bar-item-selected-text {
    font-weight: $fontWeightSemiBold;
}

.bolt-dropdown-filter-bar-item-placeholder {
    white-space: pre;
}

.bolt-dropdown-filter-bar-item .bolt-button {
    background: transparent;
    color: $secondary-text;
    &.active {
        color: $primary-text;
    }
}

.bolt-dropdown-pivot.bolt-button.subtle {
    &:hover {
        background: transparent;
    }

    font-weight: $fontWeightNormal;
}

.bolt-dropdown-pivot-selected {
    border-bottom: 2px solid $communication-background;
    font-weight: $fontWeightSemiBold;
}

.bolt-dropdown-header {
    padding: 0 $spacing-4 $spacing-4 $spacing-12;
}

.bolt-dropdown-header-text {
    padding: 6px 0;
}

.bolt-dropdown-header-container {
    border-bottom: 1px solid;
    border-bottom-color: $transblack-6;
}

.bolt-dropdown-expandable-text-field:not(.disabled) {
    cursor: pointer;

    .bolt-dropdown-expandable-textfield-input {
        cursor: pointer;
    }
}