@use "./_variables.scss" as *;
@use "../core/_index.scss" as *;
@use "../list/_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/grid/_theme.scss" as *;


@mixin kendo-grid--theme() {

    @include kendo-grid--theme-base();

    .k-grid {

        .k-table-th,
        .k-table-td {
            border-inline-start-color: transparent;
        }

        .k-master-row .k-grid-content-sticky {
            border-block-end-color: $kendo-grid-header-border;
        }
    }

    .k-grid-header {
        .k-table-thead > .k-table-row:not(:only-child) > .k-table-th,
        .k-table-thead > .k-table-row:not(:only-child) > .k-table-td {
            border-inline-start-color: $kendo-grid-border;

            &.k-grid-header-sticky {
                border-inline-color: $kendo-grid-sticky-header-border;
            }
        }

    }


    .k-reorder-cue {
        border-color: k-color(primary);

        &::before {
            border-color: transparent;
        }

        &::after {
            border-color: transparent;
            background-color: transparent;
        }
    }

    .k-grouping-dropclue {
        &::before {
            border-color: k-color(primary) transparent transparent;
        }

        &::after {
            background-color: k-color(primary);
        }
    }

    .k-resize-handle:hover .k-resize-handle-inner,
    .k-reorder-cue {
        background-color: k-color(primary);
    }

    .k-column-resizer:hover {
        color: k-color(primary);
    }

    .k-column-list-item:focus,
    .k-column-list-item.k-focus,
    .k-columnmenu-item:focus,
    .k-columnmenu-item.k-focus {
        background: $kendo-list-item-hover-bg;
    }

    .k-column-menu .k-menu:not(.k-context-menu) {

        .k-item {
            // Selected state
            &.k-selected {
                background: $kendo-list-item-hover-bg;
            }
        }
    }

}