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

@mixin kendo-pivotgrid--theme() {
    @include kendo-pivotgrid--theme-base();

    .k-pivotgrid-cell:focus,
    .k-pivotgrid-cell.k-focus,
    .k-pivotgrid-empty-cell:focus,
    .k-pivotgrid-empty-cell.k-focus,
    .k-master-row > .k-pivotgrid-cell:focus,
    .k-grouping-row > .k-pivotgrid-cell:focus,
    .k-detail-row > .k-pivotgrid-cell:focus,
    .k-group-footer > .k-pivotgrid-cell:focus {
        @include box-shadow( $kendo-pivotgrid-focus-shadow );
    }


    .k-filter-menu .k-calculated-item {
        @include fill( $border: color-mix(in srgb, k-color(border) 16%, transparent) );
    }

    .k-pivotgrid-configurator-content .k-form-field-wrapper {
        @include fill( $border: color-mix(in srgb, k-color(border) 16%, transparent) );
    }

    .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
        border-color: color-mix(in srgb, k-color(border) 16%, transparent);
    }
}