/* =========================================================
   HEADER SEARCH OVERLAY - CUSTOM STYLE SHEET (header-search-1.css)
   All classes here are NEW companion classes suffixed with "-1".
   Nothing here renames or removes any class from the original theme.
   ========================================================= */

/* Big search input styled like a hero heading */
.jt-search-input-1{
    background: #000000 !important;
    border: none !important;
    color: #fff !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    padding: 10px 10px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}
.jt-search-input-1::placeholder{
    color: rgba(255,255,255,.55) !important;
    font-weight: 600 !important;
}
.jt-search-input-1:focus{
    outline: none !important;
    box-shadow: none !important;
    border-bottom-color: #fff !important;
}

#search .input-group-append .search-btn{
    display: none !important;
}

/* Helper hint line under the input */
.jt-search-hint-1{
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    font-family: monospace !important;
    color: rgba(255,255,255,.6) !important;
    letter-spacing: .02em !important;
}

/* Live results dropdown */
.jt-search-results-1{
    margin-top: 26px !important;
    max-width: 900px !important;
    max-height: 55vh !important;
    overflow-y: auto !important;
}
.jt-search-results-1::-webkit-scrollbar{
    width: 5px !important;
}
.jt-search-results-1::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.25) !important;
    border-radius: 10px !important;
}

.jt-search-result-item-1{
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 14px 4px !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(255,255,255,.25) !important;
    transition: .2s ease !important;
}
.jt-search-result-item-1:hover{
    background: rgba(255,255,255,.06) !important;
    padding-left: 10px !important;
}
.jt-search-result-item-1:last-child{
    border-bottom: none !important;
}

.jt-search-thumb-1{
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.jt-search-thumb-1 img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.jt-search-info-1{
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.jt-search-location-1{
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: rgba(255,255,255,.55) !important;
    margin-bottom: 4px !important;
}
.jt-search-name-1{
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
}
.jt-search-meta-1{
    display: block !important;
    font-size: 12px !important;
    color: rgba(255,255,255,.5) !important;
    margin-top: 3px !important;
    text-transform: capitalize !important;
}

.jt-search-price-1{
    flex-shrink: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: right !important;
}
.jt-search-price-1 span{
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,.5) !important;
}

.jt-search-empty-1{
    color: rgba(255,255,255,.6) !important;
    font-size: 15px !important;
    padding: 20px 4px !important;
}

/* Responsive */
@media (max-width: 767px){
    .jt-search-input-1{
        font-size: 26px !important;
    }
    .jt-search-name-1{
        font-size: 16px !important;
    }
    .jt-search-thumb-1{
        width: 46px !important;
        height: 46px !important;
    }
    .jt-search-price-1{
        font-size: 14px !important;
    }
}