/* 
    Document   : sphinxsearch
    Created on : Mar 3, 2011, 9:14:06 AM
    Author     : k2-tool
    Description:
        Custom stylesheet for the sphinx search forms.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
Styles for search form on the sidebar
*/
#searchbar ul li,
#searchbar ul li:hover {
    background-image: none;
}

#searchbar #searchform {
    width: 100%;
}

#searchbar #sphinx_sinput {
    width: 170px;
}

#searchbar #submit {
    float: right;
    padding: 3px 2px 4px 4px;
}

/*
Styles for search form on the top of search page
*/

#searchpanel ul li,
#searchpanel ul li:hover {
    background-image: none;
}

ul.page-numbers li {
    display: inline;
    list-style-type: none;
    padding-right: 5px;
}

/*
Styles for search results
*/

.ajax-search-results {
    margin-top: 1px;
    max-height: 500px;
    min-width: 200px;
    overflow-y: auto;
    padding: 10px 20px;
    border: 1px solid lightgrey;
    font-size: inherit;
    font-weight: 500;
    background-color: #fff;
}

.wpss-tax+.wpss-tax,
.wpss-tax+.wpss-posts {
    margin-top: 10px;
}

.wpss-tax__list,
.wpss-posts__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpss-tax__item {
    padding: 5px 0 5px 20px;
}

.wpss-posts__item {
    padding: 5px 0 5px 0;
}

.wpss-posts__item-price {
    color: #000;
}

.wpss-posts__item-sku {
    color: #000;
}

.wpss-posts__link,
.wpss-tax__link {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.wpss-posts__link img,
.wpss-tax__link img {
    display: block;
    width: 60px;
    height: auto;
}

.wpss-result-more {
    display: block;
    width: 100%;
    text-align: center;
}