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


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

    .k-card {
        isolation: isolate;
        background-color: transparent;

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

        &:focus,
        &.k-focus {
            @include focus-indicator(
                $type: "outline",
                $indicator: $kendo-card-focus-outline-color,
                $outline-width: $kendo-card-focus-outline-width,
                $outline-offset: $kendo-card-focus-outline-offset
            );
        }

        .k-card-callout {
            background-color: $kendo-card-bg;
        }
    }
}