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

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


    .k-panelbar {

        > .k-panelbar-header {
            > .k-link {

                &:focus,
                &.k-focus {
                    box-shadow: $kendo-panelbar-header-focus-shadow;
                }

                &:disabled,
                &.k-disabled {
                   color: var( --kendo-disabled-text, inherit );

                    .k-icon,
                    .k-panelbar-item-icon {
                        color: inherit;
                    }
                }
            }

            &:disabled,
            &.k-disabled {
                background-color: transparent;

                > .k-link {
                    color: var( --kendo-disabled-text, inherit );
                }

                .k-icon,
                .k-panelbar-item-icon {
                    color: inherit;
                }
            }
        }

        .k-panelbar-group > .k-panelbar-item {
            > .k-link {
                color: $kendo-panelbar-text;
                background-color: $kendo-panelbar-bg;
                border-color: $kendo-panelbar-border;


                &:focus,
                &.k-focus {
                    box-shadow: $kendo-panelbar-item-focus-shadow;
                }

                &.k-disabled {
                    color: var( --kendo-disabled-text, inherit );

                    .k-icon,
                    .k-panelbar-item-icon {
                        color: inherit;
                    }
                }
            }

            &:disabled,
            &.k-disabled {
                background-color: transparent;

                > .k-link {
                    color: var( --kendo-disabled-text, inherit );
                }

                .k-icon,
                .k-panelbar-item-icon {
                    color: inherit;
                }
            }
        }
    }
}