/* 
 - Global
*/

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 100%;
}

.bg-white {
    background-color:#fff;
}


/* 
 - 
*/
.object__archive {
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
    max-width:1430px;
}

.object__archive .search-loading {
    filter:blur(2px);
}

@media (min-width:800px) {
    .object__archive {
        width:calc(100% - 80px);
    }
}


@media (min-width:800px) and (max-width:1269px) {
    .object__results.list {
        max-width:800px;
        margin-left:auto;
        margin-right:auto;
    }
}


.list .list-hidden,
.grid .grid-hidden {
    display: none;
}

.object__cards {
    display: grid;
    gap:40px;
    margin-bottom:40px;
}

@media (min-width:600px) {
    .grid .object__cards {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    }
}

.list .object__cards {
    grid-template-columns: repeat(auto-fill, minmax(575px, 1fr));
}

/* 
 - Filters
*/

.filters__container {
    margin-top:40px;
    margin-bottom:40px;
    display: flex;
    gap:10px;
    justify-content: center;
    align-content: center;
    flex-wrap:wrap;
}

.filters__bar {
    display: flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content: center;
    margin-left:auto;
}

@media (min-width:900px) {
    .filters__container {
        gap:20px;
    }

    .filters__bar {
        gap:20px;
    }
}

@media (max-width:600px) {
    .filter__order {
        display: none;
    }
}



.filter__order {
    margin-left:auto;
}

.filter__item {
    position: relative;
    flex-grow:1;
}

.filter__chevron {
    width:10px;
    height:10px;
    position: absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
}

.object__icon {
    width:inherit;
    height:inherit;
    display: block;
}

.filter__select {
    appearance: none;
    border:transparent;
    line-height:20px;
    min-width:150px;
    background-color:#E1E1E1;
    padding:11px 15px;

}

.has-js .filter__item--submit {
    display: none;
}


/* 
 - Display
*/
.display {
    display: flex;
    gap:10px;
    list-style:none;
    padding:0;
}

.display-list,
.display-grid {
    border:1px solid #E1E1E1;
    border-radius:3px;
    width:42px;
    height:42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.display-list .fas,
.display-grid .fas {
    font-size:20px;
    line-height:1;
    display: block;
}


/* 
 - Card
*/

.grid .card {
    flex-direction: column;
}

.list .card {
}


.card {
    position: relative;
    display: flex;
    box-shadow: 0 0 10px 0 rgba(0,0,0, 0.3);
}

.card__overlay {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1;
}

.card__figure {
    position: relative;
}

.grid .card__figure {
    border-color:#E1E1E1;
    border-width:1px 1px 0 1px;
    border-style:solid;
}

.list .card__figure {
    max-width:260px;
}

.card__figure img {
    width:100%;
    height:auto;
    display: block;
}

.grid .card__figure img {
    border-radius:3px 3px 0 0;
}

.card__title h2 {
    font-size:22px;
}


.card__title h2 {
    margin:0;
}

.card__title span {
    font-size:16px;
    display: block;
}

.card__brand {
    position: absolute;
    bottom:10px;
    left:10px;
    color:#fff;
    font-size:20px;
    line-height:1;
    text-transform: uppercase;
    text-shadow:0 0 4px rgba(0,0,0,0.5);
}

.card__content {
    padding:10px;
    border-style:solid;
    border-color:#E1E1E1;
    height:100%;
}

.list .card__content {
    display: flex;
    flex-direction: column;
    flex-grow:1;
    padding-left:20px;
    padding-right:20px;
    border-width:1px 1px 1px 0;
}

.grid .card__content {
    border-width:0 1px 1px 1px;
    border-radius:0 0 3px 3px;
    display: flex;
    flex-direction: column;

}

.card__listing {
    list-style:none;
    padding:0;
}

@media (min-width:600px) {
    .grid .card__listing {
        display: flex;
        gap:20px;
    }
}



.list .card__listing {
    font-size:13px;
}

.list .card__list-item {
    display: flex;
    gap:3px;
    align-items: center;
}

.list .card__list-item::before {
    content:'';
    width:10px;
    height:10px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #E1E1E1;
}

.list .card__footer {
    margin-top:auto;
    align-items: flex-end;
}

.card__footer {
    margin-top:30px;
    display: flex;
    gap:20px;
    justify-content: space-between;
}

.grid .card__footer {
    align-items: center;
    margin-top:auto;
    padding-top:20px;
}

@media (max-width:599px) {
    .grid .card__footer {
        align-items: flex-end;
    }
}

.card__price {
    font-style:italic;
    font-size:20px;
    line-height:1;
}

/* 
 - Pagination
*/

.object__pagination {
    margin-top:0;
    margin-bottom:40px;
}

.object__pagination:empty {
    display: none;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}

.pagination span,
.pagination a {
    line-height:20px;
    padding:7px 10px;
    border:1px solid #E1E1E1;
}

.pagination a:focus,
.pagination a:hover {
    background-color:#E1E1E1;
}

.pagination .current {
    
}

.pagination .previous {
    
}

.pagination .next {
    
}