@import '../../_widgetsCommon.scss';
$list-box-horizontal-padding: $spacing-12;

.bolt-list-box-multi-select-row.bolt-list-row.selected {
    background: transparent;

    &:hover {
        background: $list-row-hover-color;
    }

    @include ms-high-contrast-override {
        background: transparent;
    }
}

.bolt-list-box-header-row {
    font-weight: $fontWeightSemiBold;
    cursor: text;

    &.bolt-list-row:hover {
        background: transparent;
    }
}

.bolt-list-box-text .bolt-table-cell-content {
    padding: 5px 0;
}

.bolt-list-box-text-single-select.bolt-list-cell {
    padding: 0 $list-box-horizontal-padding;
}

.bolt-list-box-text-multi-select {
    padding-right: $list-box-horizontal-padding;
}

.bolt-list-box-divider-multi-select {
    padding-left: $list-box-horizontal-padding;
}

.bolt-list-box-divider-row,
.bolt-list-box-loading-row {
    cursor: text;

    &.bolt-list-row:hover {
        background: transparent;
    }
}

.bolt-list-box-divider {
    margin-bottom: 1px;
    background-color: $transblack-10;
    height: 1px;
}

.bolt-focus-visible .bolt-table.bolt-list-box .bolt-list-row:focus .bolt-list-cell {
    border-color: transparent;
}

.bolt-list-box-loading {
    padding: $spacing-8 0px;

    .bolt-spinner {
        flex-direction: row;
    }

    .bolt-spinner-circle {
        margin-right: 10px;
    }

    .bolt-spinner-label {
        margin-top: 0px;
    }
}

.bolt-list-row.bolt-list-box-item-disabled {
    color: $disabled-text;

    @include ms-high-contrast-override {
        color: graytext;
    }
}

.bolt-list-row.bolt-list-box-item-disabled:hover {
    background: transparent;
    cursor: text;
}

.bolt-list-box-cell-container {
    width: 100%;
}

.bolt-focus-visible .bolt-list-box-row:focus {
    @include ms-high-contrast-override {
        font-weight: $fontWeightHeavy;
        color: highlight;

        .bolt-table-cell-select,
        .bolt-list-box-text:not(.bolt-list-box-text-multi-select) {
            border-left: 2px solid highlight;
        }

        .bolt-list-box-text {
            border-right: 2px solid highlight;
        }
    }
}

.bolt-list-box-row {
    @include ms-high-contrast-override {
        .bolt-table-cell-select,
        .bolt-list-box-text:not(.bolt-list-box-text-multi-select) {
            border-left: 2px solid transparent;
        }

        .bolt-list-box-text {
            border-right: 2px solid transparent;
        }
    }

    &:hover,
    &:focus {
        @include theme-high-contrast {
            background-color: $focus-border-color;
            color: $backgroundColor;
        }
    }
}

.bolt-list-box {
    @include ms-high-contrast-override {
        border: 1px solid windowText;
    }
}

.dropdown-list {
    .checkmark-icon {
        padding: 0 6px;
    }
    .bolt-header-cell {
        width: auto !important;
        min-width: 20px !important;
    }
}