@import '~fundamental-styles/dist/product-switch';

.fd-product-switch__list {
    position: relative;
}

.fd-product-switch__item.cdk-drag-dragging {
    outline: none;
    cursor: grabbing;
    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.15), 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.3);
}

.fd-product-switch__body--mobile {
    .fd-product-switch__item.cdk-drag-dragging {
        outline: none;
        box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.15), 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.3);
    }
}

.fd-dnd-item {
    position: relative;

    &.fd-dnd-on-drag {
        background-color: #fff;
        background-color: var(--sapList_Background, #fff);
        z-index: 15;

        &.fd-product-switch__item {
            .fd-product-switch__title {
                &:before,
                &:after {
                    background-color: #fff;
                    background-color: var(--sapList_Background, #fff);
                }
            }

            .fd-product-switch__icon {
                color: #0854A0;
                color: var(--sapContent_IconColor, #0854A0);
            }

            .fd-product-switch__title {
                color: #32363A;
                color: var(--sapGroup_TitleTextColor, #32363A);
            }

            .fd-product-switch__subtitle {
                color: #6A6D70;
                color: var(--sapContent_LabelColor, #6A6D70);
            }

            &:active {
                background-color: #fff;
                background-color: var(--sapList_Background, #fff);
            }
        }

        &.selected {
            background-color: #fff;
            background-color: var(--sapList_Background, #fff);
        }
    }
}

[dir='rtl'] {
    .fd-product-switch__body--mobile {
        .fd-product-switch__title,
        .fd-product-switch__subtitle {
            text-align: right;
        }
    }
}
