@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-orgchart--theme() {

    .k-orgchart {
        @include fill (
            var( --kendo-orgchart-text, #{$kendo-orgchart-text} ),
            var( --kendo-orgchart-bg, #{$kendo-orgchart-bg} ),
            var( --kendo-orgchart-border, #{$kendo-orgchart-border} )
        );
    }

    // Card
    .k-orgchart-card {
        @include box-shadow( var( --kendo-orgchart-card-shadow, #{$kendo-orgchart-card-shadow} ) );

        .k-card-body {
            @include fill(
                $border: var( --kendo-orgchart-card-body-border-color, #{$kendo-orgchart-card-body-border-color} )
            );
        }

        &:focus,
        &.k-focus {
            @include box-shadow( var( --kendo-orgchart-card-focus-shadow, #{$kendo-orgchart-card-focus-shadow} ) );
        }
    }

    // Group
    .k-orgchart-node-group-container {
        @include fill (
            var( --kendo-orgchart-node-group-text, #{$kendo-orgchart-node-group-text} ),
            var( --kendo-orgchart-node-group-bg, #{$kendo-orgchart-node-group-bg} ),
            var( --kendo-orgchart-node-group-border, #{$kendo-orgchart-node-group-border} )
        );
    }
    .k-orgchart-node-group-container:focus,
    .k-orgchart-node-group-container.k-focus {
        @include box-shadow( var( --kendo-orgchart-node-group-focus-shadow, #{$kendo-orgchart-node-group-focus-shadow} ) );
        @include fill (
            $border: var( --kendo-orgchart-node-group-focus-border, #{$kendo-orgchart-node-group-focus-border} )
        );
    }

    .k-orgchart-node-group-subtitle {
        @include fill(
            $color: var( --kendo-orgchart-node-group-subtitle-text, #{$kendo-orgchart-node-group-subtitle-text} )
        );
    }

    // Lines
    .k-orgchart-line-h,
    .k-orgchart-line-v {
        @include fill(
            $color: var( --kendo-orgchart-line-text, #{$kendo-orgchart-line-text} )
        );
    }

}