.pps-form {
    box-sizing: border-box;
    width: min(23rem, 100%, calc(100vw - 2rem));
    min-width: min(15rem, calc(100vw - 2rem));
    margin: 0;
    font: inherit;
    text-align: left;
    color: #242729;
    background: #fff;
    border-radius: 8px;
    padding: .45rem;
}
.pps-form .pps-field { display: flex; align-items: stretch; gap: .4rem; }
.pps-form .pps-field input[type="search"] {
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: auto;
    min-height: 42px;
    margin: 0;
    padding: .45rem .65rem;
    border: 1px solid #b8bfc4;
    border-radius: 5px;
    background: white;
    color: #242729;
    font: inherit;
    font-size: 16px;
}
.pps-form .pps-submit {
    position: static;
    width: auto;
    height: auto;
    padding: .45rem .7rem;
    border: 1px solid transparent;
    border-radius: 5px;
    background: var(--porto-primary-color, #196181);
    color: var(--porto-primary-color-inverse, #fff);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    cursor: pointer;
}
.pps-form .pps-status { font-size: 13px; line-height: 1.35; }
.pps-form .pps-status:not(:empty) { padding: .5rem .2rem .2rem; }
.pps-form .pps-results { list-style: none; margin: 0; padding: 0; max-height: min(45vh, 20rem); overflow: auto; }
.pps-form .pps-results[hidden] { display: none !important; }
.pps-form .pps-results li { margin: 0; padding: 0; }
.pps-form .pps-results a {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .35rem;
    min-height: 44px;
    color: #242729;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.pps-form .pps-results a:hover { background: #eef3f6; text-decoration: underline; }
.pps-form .pps-results img { width: 40px; height: 40px; flex: none; object-fit: contain; }
.pps-form :focus-visible, .pps-trigger:focus-visible, .pps-close:focus-visible { outline: 2px solid #155d83; outline-offset: -2px; }
.pps-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pps-trigger, .pps-close { border: 0; color: inherit; background: transparent; cursor: pointer; min-width: 44px; min-height: 44px; }
.pps-trigger {
    display: inline-grid;
    place-items: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    line-height: 1;
}
.pps-trigger svg { display: block; flex: none; }
/* WPBakery's content spacing shifts the icon up in the desktop header row. */
@media (min-width: 992px) {
    :is(#header, .porto-header-builder, header) .wpb_content_element:has(.pps-trigger),
    :is(#header, .porto-header-builder, header) p:has(> .pps-trigger) {
        margin-block: 0;
    }
}

#header .pps-trigger,
.porto-header-builder .pps-trigger,
header .pps-trigger {
    color: var(--pps-header-icon-color, #fff);
}
#header .pps-trigger:focus-visible,
.porto-header-builder .pps-trigger:focus-visible,
header .pps-trigger:focus-visible {
    outline-color: currentColor;
}
.pps-close { font-size: 25px; }
dialog.pps-dialog[open] {
    --pps-top-gap: 16px;
    position: fixed;
    inset: var(--pps-top-gap) 0 auto;
    margin: 0 auto;
    box-sizing: border-box;
    width: min(34rem, calc(100% - 24px));
    max-width: none;
    max-height: calc(100vh - var(--pps-top-gap) - 12px);
    max-height: calc(100dvh - var(--pps-top-gap) - 12px);
    overflow: auto;
    border: 0;
    border-radius: 10px;
    padding: .6rem;
    color: #242729;
    background: #fff;
}
body.admin-bar dialog.pps-dialog[open] {
    --pps-top-gap: calc(16px + var(--wp-admin--admin-bar--height, 32px));
}
@media (max-width: 782px) {
    body.admin-bar dialog.pps-dialog[open] {
        --pps-top-gap: calc(12px + var(--wp-admin--admin-bar--height, 46px));
    }
}
.pps-dialog .pps-form { width: 100%; min-width: 0; }
.pps-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.pps-dialog-header { display: flex; align-items: center; justify-content: space-between; padding-left: .5rem; }

@media (width < 992px) {
    .pps-trigger,
    .pps-form,
    dialog.pps-dialog[open],
    .searchform-popup:has(.pps-form) .search-toggle {
        display: none !important;
    }
}