/* input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none} */


.ajax-search .wp-search.loading::before,form.wp-search:before{content:"";background-size:contain;background-repeat:no-repeat}
input#wp-search-field-1{border:1px solid #ccc;padding:16px 55px 16px 20px;border-radius:5px;width:100%;background:#eee}
.widget.widget_search,form.wp-search{position:relative}
form.wp-search:before{display:inline-block;position:absolute;top:50%;right:20px;transform:translate(0,-50%);z-index:999999;width:16px;height:16px;background-image:url(../images/search.svg)}
form.wp-search button { 
    cursor: pointer; font-size:0;line-height:0;width:55px;height:100%;
    position:absolute;right:0;top:0; z-index:3;background:0 0;border:none;padding:0;
}
.ajax-search-result{position:absolute;top:100%;left:0;width:-webkit-fill-available;background-color:#fff;box-shadow:0 5px 30px 0 #0000001a;z-index:999;max-height:500px;overflow-y:scroll;padding:0 20px;right:0}
.d-none{display:none}
.wp-item-search{padding:10px 0;border-bottom:1px solid #f0f0f1}
.wp-item-search .wp-link{display:flex;align-items:center;color:var(--light);text-decoration:none}
.wp-item-search .wp-link img{width:60px;margin-right:15px;height:60px;object-fit:cover}
.wp-item-search .wp-title{font-size:14px;font-weight:500;margin-bottom:0;margin-top:0}
.wp-item-search .amount{font-size:14px;font-weight:600;color:#999}
span.item-content{font-size:12px}

.autocomplete-Header{position:relative;margin-top:10px}
.autocomplete-HeaderTitle{background:#fff;color:#000;display:inline-block;font-size:.8em;font-weight:600;margin:0;padding:0;position:relative;z-index:9999}
.autocomplete-HeaderLine{border-bottom:1px solid #000;display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:calc((16 * 1.5 * 1px)/ 2);z-index:calc(9999 - 1)}
.autocomplete-result .wp-item-search:last-child{border:0}
.wp-content{line-height:21px}

@keyframes mf-spin-fast {
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}

.ajax-search .wp-search.loading::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:400;line-height:1;vertical-align:middle;animation:1s linear infinite mf-spin-fast;background-image:url(../images/loading.svg);top:35%}
.no-result{font-size:14px;padding:10px 0}