/**
 * Parent wrapper (.dc-*__search / __search-field) owns border + focus ring.
 * Input must not draw a nested field (Blocksy / base input:focus-visible).
 */

.dc-header__search .dc-header__search-input,
.dc-not-found__search-field .dc-not-found__search-input,
.dc-quick-order-toolbar__search .dc-quick-order-toolbar__search-input,
.dc-catalog-toolbar__search .dc-catalog-toolbar__search-input {
    all: unset;
    box-sizing: border-box;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    line-height: 1.25;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}

.dc-header__search .dc-header__search-input::placeholder,
.dc-not-found__search-field .dc-not-found__search-input::placeholder,
.dc-quick-order-toolbar__search .dc-quick-order-toolbar__search-input::placeholder,
.dc-catalog-toolbar__search .dc-catalog-toolbar__search-input::placeholder {
    color: var(--ab2b-muted, var(--dc-gris));
}

body .dc-header__search .dc-header__search-input:focus,
body .dc-header__search .dc-header__search-input:focus-visible,
.dc-not-found__search-field .dc-not-found__search-input:focus,
.dc-not-found__search-field .dc-not-found__search-input:focus-visible,
.dc-quick-order-toolbar__search .dc-quick-order-toolbar__search-input:focus,
.dc-quick-order-toolbar__search .dc-quick-order-toolbar__search-input:focus-visible,
.dc-catalog-toolbar__search .dc-catalog-toolbar__search-input:focus,
.dc-catalog-toolbar__search .dc-catalog-toolbar__search-input:focus-visible {
    outline: none;
    box-shadow: none;
    border: 0;
    border-color: transparent;
}

.dc-header__search-input::-webkit-search-decoration,
.dc-header__search-input::-webkit-search-results-button,
.dc-header__search-input::-webkit-search-cancel-button,
.dc-not-found__search-input::-webkit-search-decoration,
.dc-not-found__search-input::-webkit-search-results-button,
.dc-not-found__search-input::-webkit-search-cancel-button,
.dc-quick-order-toolbar__search-input::-webkit-search-decoration,
.dc-quick-order-toolbar__search-input::-webkit-search-results-button,
.dc-quick-order-toolbar__search-input::-webkit-search-cancel-button,
.dc-catalog-toolbar__search-input::-webkit-search-decoration,
.dc-catalog-toolbar__search-input::-webkit-search-results-button,
.dc-catalog-toolbar__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
