/* Hidden on desktop */
.mobile-filters-button {
    display: none;
}





.sort-actions-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size:18px;


    margin-left:-7px;
    padding-left:0;
}


.sort-actions-row-no-filter{
    margin-left: 0px;
display: flex;
gap:8px;
margin-right: 0px;


}


#sort{
    margin-right: 8px;
}


.sort-form {
    flex-wrap: nowrap;
}



@media (max-width: 700px) {

    .sort-actions-row {
        width: 100%;
            }





            .results-header {
    width: 100%;
    margin-left: 0;
    margin-bottom: 35px;

}


}



.mobile-filters-icon {
    
    height: 30px;
    margin-right: 5px;
}


#filters-label{
    font-weight: bold;
}


    #mobileFiltersButton, #filters-label {
        display:none;
    }






@media (max-width: 700px) {


       .results-header {
        padding-left: 0;
        margin-left: 0;
        text-align: left;
    }


    .sort-actions-row-no-filter{




    }

    .sort-by-section {
       
    
    }
        .sort-by-section {
        
    }

    #mobileFiltersButton, #filters-label {
        display:flex;
    }

    /* Use the full available width */
    .search-page {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .search-results-layout {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .results-column {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .results {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .book-result {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .book-result-link {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    /* Filters toggle button */
    .mobile-filters-button {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 10px;
        padding-left:0px;
        margin: 0 0 12px;
        text-align: left;
        font: inherit;
        cursor: pointer;
        border:none;
        border-radius: 6px;
        background: transparent;
        color: inherit;

        width: fit-content;
flex: 0 0 auto;

display: inline-flex;
align-items: center;
    }

/*
    .mobile-filters-button::after {
        content: " +";
        float: right;
        margin-left: 5pxsv;
    } */

/*
    .mobile-filters-button[aria-expanded="true"]::after {
        content: "−";
    }*/

    /* Hide facets until the button is clicked */
    .search-facets {
        display: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 0 16px;
    }

    .search-facets.mobile-filters-open {
        display: block;
    }
}