/* =========================================================
   BOLT SIMPLE SEARCH OVERLAY
   ========================================================= */

.bolt-search-overlay,
.bolt-search-overlay *{
    box-sizing:border-box;
}

.bolt-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999999;
    min-height:158px;
    padding:0;
    border-bottom:1px solid #ececec;
    background:#fff;
    box-shadow:0 10px 32px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(-105%);
    transition:transform .24s ease, opacity .24s ease, visibility .24s ease;
}

body.admin-bar .bolt-search-overlay{
    top:32px;
}

.bolt-search-overlay.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

body.bolt-search-is-open{
    overflow-x:hidden;
}

.bolt-search-overlay__inner{
    width:min(700px, calc(100vw - 40px));
    margin:0 auto;
    padding:66px 0 46px;
}

.bolt-search-overlay__close{
    position:absolute;
    top:20px;
    right:28px;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#151515;
    font-size:26px;
    line-height:1;
    cursor:pointer;
}

.bolt-search-overlay__close:hover,
.bolt-search-overlay__close:focus{
    color:#000;
    outline:none;
}

.bolt-live-search,
.bolt-live-search *{
    box-sizing:border-box;
}

.bolt-live-search{
    position:relative;
    width:100%;
}

.bolt-live-search__form{
    position:relative;
    width:100%;
    margin:0;
}

.bolt-live-search__field{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
}

.bolt-live-search__input{
    display:block;
    width:100% !important;
    height:46px !important;
    margin:0 !important;
    padding:0 82px 0 17px !important;
    border:1px solid #1f1f1f !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#202020 !important;
    font-family:inherit !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:500 !important;
    outline:none !important;
    box-shadow:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}

.bolt-live-search__input:focus{
    border-color:#000 !important;
    box-shadow:0 0 0 1px #000 !important;
}

.bolt-live-search__input::-webkit-search-decoration,
.bolt-live-search__input::-webkit-search-cancel-button,
.bolt-live-search__input::-webkit-search-results-button,
.bolt-live-search__input::-webkit-search-results-decoration{
    display:none;
    -webkit-appearance:none;
}

.bolt-live-search__input::placeholder{
    color:#747b87;
    opacity:1;
}

.bolt-live-search__clear,
.bolt-live-search__submit{
    position:absolute;
    top:50%;
    z-index:3;
    display:grid;
    place-items:center;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    transform:translateY(-50%);
    cursor:pointer;
}

.bolt-live-search__clear{
    right:47px;
    width:28px;
    height:28px;
    color:#4d688a;
    font-size:22px;
    line-height:1;
}

.bolt-live-search__clear[hidden]{
    display:none !important;
}

.bolt-live-search__submit{
    right:8px;
    width:34px;
    height:34px;
    color:#3d5065;
}

.bolt-live-search__submit svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
}

.bolt-live-search__results{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    z-index:999999;
    max-height:410px;
    overflow-y:auto;
    border:1px solid #dedede;
    background:#fff;
    box-shadow:0 20px 48px rgba(0,0,0,.16);
    scrollbar-width:thin;
    scrollbar-color:#8b8b8b #f1f1f1;
}

.bolt-live-search__results[hidden]{
    display:none !important;
}

.bolt-live-search__results::-webkit-scrollbar{
    width:7px;
}

.bolt-live-search__results::-webkit-scrollbar-track{
    background:#f1f1f1;
}

.bolt-live-search__results::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:#8b8b8b;
}

.bolt-live-search__list{
    padding:4px 12px;
}

.bolt-live-search__item{
    display:grid;
    grid-template-columns:62px minmax(0,1fr) 36px;
    align-items:center;
    gap:13px;
    min-height:80px;
    padding:9px 8px;
    border-bottom:1px solid #e8e8e8;
    color:#111;
    text-decoration:none;
    transition:background .18s ease;
}

.bolt-live-search__item:last-child{
    border-bottom:0;
}

.bolt-live-search__item:hover,
.bolt-live-search__item.is-active{
    background:#f8f8f8;
}

.bolt-live-search__image{
    width:62px;
    height:62px;
    border:1px solid #ededed;
    border-radius:8px;
    background:#fff;
    object-fit:contain;
}

.bolt-live-search__title{
    min-width:0;
    overflow:hidden;
    color:#080808;
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.bolt-live-search__title mark{
    padding:0 1px;
    background:#ffe96a;
    color:inherit;
}

.bolt-live-search__arrow{
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    border-radius:50%;
    background:#101010;
    color:#fff;
}

.bolt-live-search__arrow svg,
.bolt-live-search__view-all svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.bolt-live-search__loading,
.bolt-live-search__message{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:82px;
    padding:20px;
    color:#555;
    font-size:13px;
    font-weight:700;
    text-align:center;
}

.bolt-live-search__loading[hidden],
.bolt-live-search__message[hidden]{
    display:none !important;
}

.bolt-live-search__spinner{
    width:20px;
    height:20px;
    border:2px solid #dedede;
    border-top-color:#111;
    border-radius:50%;
    animation:bolt-search-spin .65s linear infinite;
}

.bolt-live-search__view-all{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-top:1px solid #292929 !important;
    border-radius:0 !important;
    background:#111 !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.35px !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

.bolt-live-search__view-all::before,
.bolt-live-search__view-all::after{
    display:none !important;
    content:none !important;
}

.bolt-live-search__view-all span,
.bolt-live-search__view-all svg{
    position:relative !important;
    z-index:2 !important;
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
}

.bolt-live-search__view-all:hover,
.bolt-live-search__view-all:focus{
    background:#ffe100 !important;
    color:#050505 !important;
    outline:none !important;
}

.bolt-live-search__view-all:hover span,
.bolt-live-search__view-all:hover svg,
.bolt-live-search__view-all:focus span,
.bolt-live-search__view-all:focus svg{
    color:#050505 !important;
    stroke:#050505 !important;
}

.bolt-live-search__view-all[hidden]{
    display:none !important;
}

@keyframes bolt-search-spin{
    to{transform:rotate(360deg);}
}

@media (max-width:782px){
    body.admin-bar .bolt-search-overlay{
        top:46px;
    }
}

@media (max-width:767px){
    .bolt-search-overlay{
        min-height:132px;
    }

    .bolt-search-overlay__inner{
        width:calc(100vw - 34px);
        padding:52px 0 34px;
    }

    .bolt-search-overlay__close{
        top:10px;
        right:13px;
        width:34px;
        height:34px;
        font-size:24px;
    }

    .bolt-live-search__input{
        height:44px !important;
        padding-left:14px !important;
    }

    .bolt-live-search__results{
        max-height:350px;
    }

    .bolt-live-search__list{
        padding:4px 7px;
    }

    .bolt-live-search__item{
        grid-template-columns:52px minmax(0,1fr) 32px;
        gap:9px;
        min-height:68px;
        padding:8px 5px;
    }

    .bolt-live-search__image{
        width:52px;
        height:52px;
    }

    .bolt-live-search__title{
        font-size:12px;
    }

    .bolt-live-search__arrow{
        width:29px;
        height:29px;
    }
}