/* The ComboBox wrapper owns its border and focus ring.
   Remove the Bootstrap theme's inset shadow from the inner text input. */
.k-combobox input.k-input {
    box-shadow: none !important;
}

/* _LayoutAdmin: shared single-value selectors. Use flex centering instead of
   a fixed line-height: Persian text, placeholders and arrows stay aligned at zoom. */
@media screen {
    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox) > :is(.k-dropdown-wrap, .k-combobox-wrap) {
        display: flex !important;
        align-items: center !important;
        position: relative;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 3rem !important;
        max-height: none !important;
        padding: 0 !important;
        padding-inline-end: var(--admin-kendo-arrow-width, 3rem) !important;
        border: 1px solid #e4e6ef !important;
        border-radius: 0.65rem !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #3f4254 !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox) > :is(.k-dropdown-wrap, .k-combobox-wrap) > .k-input {
        flex: 1 1 auto;
        align-self: center;
        box-sizing: border-box !important;
        float: none !important;
        min-width: 0;
        width: 100% !important;
        height: auto !important;
        min-height: 1.75em !important;
        line-height: 1.75 !important;
        padding: 0.5rem 0.85rem !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: inherit !important;
        font-weight: 500 !important;
        text-align: start !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox) > :is(.k-dropdown-wrap, .k-combobox-wrap) > .k-select {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        inset-inline-start: auto !important;
        inset-inline-end: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        width: var(--admin-kendo-arrow-width, 3rem) !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: transparent !important;
        color: #7e8299 !important;
        line-height: 1 !important;
        transform: none !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox) .k-select > .k-icon {
        position: static !important;
        margin: 0 !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable .k-combobox-clearable > .k-dropdown-wrap > .k-input {
        padding-inline-end: 2.5rem !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable .k-combobox-clearable > .k-dropdown-wrap > .k-clear-value {
        top: 50% !important;
        inset-inline-start: auto !important;
        inset-inline-end: 3.5rem !important;
        margin: 0 !important;
        transform: translateY(-50%);
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox):not(.k-state-disabled) > :is(.k-dropdown-wrap, .k-combobox-wrap):not(.k-state-disabled):hover {
        border-color: #b5b5c3 !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox):not(.k-state-disabled) > :is(.k-dropdown-wrap, .k-combobox-wrap):not(.k-state-disabled):is(.k-state-focused, .k-state-active) {
        border-color: #009ef7 !important;
        box-shadow: 0 0 0 3px rgba(0, 158, 247, 0.12) !important;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable :is(.k-dropdown, .k-combobox) > :is(.k-dropdown-wrap, .k-combobox-wrap).k-state-disabled {
        background: #f5f8fa !important;
        color: #a1a5b7 !important;
    }

    /* Leave enough text width for the grid's compact page-size selector. */
    html.admin-v8-readable body#kt_body.admin-v8-readable .k-pager-sizes .k-dropdown {
        --admin-kendo-arrow-width: 2rem;
    }

    html.admin-v8-readable body#kt_body.admin-v8-readable .k-pager-sizes .k-dropdown > .k-dropdown-wrap > .k-input {
        padding-inline: 0.35rem !important;
    }
}