@include exports("combobox/theme") {

    .k-combobox {
        @extend .k-text-selection;

        // Normal state
        .k-dropdown-wrap {
            @include fill(
                $combobox-text,
                $combobox-bg,
                $combobox-border
            );

            // Invalid state
            &.k-invalid,
            &.k-invalid:hover,
            &.k-state-invalid {
                border-color: $invalid-border;

                &:focus,
                &.k-state-focused {
                    @include box-shadow($invalid-shadow);
                }
            }
        }

        .k-select {
            @include fill(
                $combobox-select-text,
                $combobox-select-bg,
                $combobox-select-border,
                $combobox-select-gradient
            );
        }

        // Hovered state
        > :hover,
        .k-state-hover {
            @include fill(
                $combobox-hovered-text,
                $combobox-hovered-bg,
                $combobox-hovered-border
            );

            .k-select {
                @include fill(
                    $combobox-select-hovered-text,
                    $combobox-select-hovered-bg,
                    $combobox-select-hovered-border,
                    $combobox-select-hovered-gradient
                );
            }
        }

        // Selected state
        > .k-state-focused,
        .k-state-active {
            @include fill(
                $combobox-focused-text,
                $combobox-focused-bg,
                $combobox-focused-border
            );
            @include box-shadow($combobox-focused-shadow);

            .k-select {}
        }

        // Invalid
        &.k-state-invalid,
        &.ng-invalid.ng-touched,
        &.ng-invalid.ng-dirty {
            .k-dropdown-wrap {
                border-color: $invalid-border;

                &:focus,
                &.k-state-focused {
                    @include box-shadow($invalid-shadow);
                }
            }
        }
    }

}