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

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

    .k-appbar {
        &:not(.k-appbar-fixed):not(.k-appbar-sticky) {
            position: relative;
        }

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            backdrop-filter: k-translucency-blur(1);
            border-radius: inherit;
            pointer-events: none;
        }

        @each $name in $kendo-appbar-theme-colors {
            #{k-when-default($kendo-appbar-default-theme-color, $name)}
            &.k-appbar-#{$name} {
                color: k-color(on-#{$name});
                background-color: k-translucency-bg(k-elevation-bg(1, k-color(#{$name})));
            }
        }
    }
}