/*********************************************
 * Search popup
**********************************************/
/* form popup */
.px-search-popup {
    border-radius:0; background:rgba(0, 0, 0, 0);
    padding:0 0 24vh;
}
.px-search-popup .px-search-form {--search-field-height:65px;}

/* close */
[data-easy-popup-id="search-popup"] .easy-popup-inner .ep-close-button {right:-14px;}

/* responsive */
@media only screen and (max-width:767px) {
    .px-search-popup .px-search-form {--search-field-height:54px;}
}

/*********************************************
 * Search form
**********************************************/
/* form */
.px-search-form {
    --search-field-height:50px;
    --search-field-bg:#fff;
    width:100%; min-width:350px;
}

/* input */
.px-search-form__field {
    height:var(--search-field-height); width:100%;
    padding:5px calc(var(--search-field-height) + 5px) 5px 20px; background:var(--search-field-bg);
    -webkit-appearance:none !important; -webkit-border-radius:0 !important; border-radius:0 !important;
    border:1px solid #d9d9d9;
}
.px-search-form__field:hover,
.px-search-form__field:focus {border-color:#000;}

/* cancel button */
input[type="search" i].px-search-form__field::-webkit-search-cancel-button {
    margin-right:-5px; margin-inline-start:0;
}

/* submit */
.px-search-form__submit {
    height:var(--search-field-height); aspect-ratio:1;
    background:none; font-size:1.2em;
}
.px-search-form__submit:hover {background:var(--px-color-primary); color:var(--px-color-on-primary);}


/*********************************************
 * Search button
**********************************************/
.px-search-button button {background:rgba(0, 0, 0, 0); color:var(--px-color-on-primary); padding:6px;}
.px-search-button button:hover,
.px-search-button button:focus {color:#000;}