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

@mixin kendo-radio--theme() {

    @include kendo-radio--theme-base();

    // Focus state
    .k-radio:focus,
    .k-radio.k-focus {
        box-shadow: $kendo-radio-focus-shadow;
        outline: $kendo-radio-focus-outline;
    }


    // Hover checked state
    .k-radio:checked:hover,
    .k-radio.k-checked.k-hover {
        @include fill(
            $kendo-radio-hover-checked-text,
            $kendo-radio-hover-checked-bg,
            $kendo-radio-hover-checked-border
        );
    }

    // Ripple
    .k-radio-wrap .k-ripple-blob {
        color: $kendo-radio-ripple-bg;
        opacity: $kendo-radio-ripple-opacity;
    }

    // Label
    .k-radio-label:has(.k-invalid) {
        @include fill( $color: $kendo-radio-invalid-text );
    }
    .k-radio-label:has(.k-disabled) {
        @include fill( $color: $kendo-radio-disabled-text );
    }

}