/* Buscar - listagem de veiculos.
   Ajustes sobre o layout do online (sidebar fixa de 320px + grade de cards a largura
   total). Nao muda cores, fontes nem o desenho do card; so corrige a grade nas faixas
   em que os cards ficavam estreitos/sobrepostos e os filtros sobrepondo o conteudo
   no mobile. */

/* Mobile: com "Refine sua busca" aberto o bloco ficava preso em ~910px de altura e os
   filtros (cambio/combustivel/cor) passavam por cima das marcas e dos cards. */
@media only screen and (max-width:767px) {
    .contentBusca .search-filters {
        top: auto;
        bottom: auto;
        height: auto;
    }

    .contentBusca .filters-sidebar {
        max-height: none;
    }
}

/* >= 768px: grade em flex para os cards de uma linha terem a mesma altura (com float,
   alturas diferentes travavam a linha seguinte). Mesmas margens do online. */
@media (min-width:768px) {
    .contentBusca .veiculosConsulta {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .contentBusca .results-list-view .result-item {
        float: none;
    }
}

/* .results-container-in tinha height:100% (= altura da janela): a lista transbordava e o
   rodape ficava no meio da pagina, escondido atras dos cards. Agora o bloco cresce com a
   lista e o rodape vai para o fim. */
.contentBusca .results-container-in {
    height: auto;
}

/* .row do titulo (margem -15px) passava 3-5px do padding do .results-container (10px no
   mobile, 12px no desktop) e gerava scroll horizontal. */
.contentBusca .results-container > .row {
    margin-right: -10px;
}

@media (min-width:768px) {
    .contentBusca .results-container > .row {
        margin-right: -12px;
    }
}

/* 768-991px (tablet/touch): a sidebar fixa so rolava em :hover; com o filtro aberto os
   ultimos grupos (Cor) ficavam inalcancaveis. */
@media (min-width:768px) and (max-width:991px) {
    .contentBusca .filters-sidebar {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Cards por linha (sidebar fixa de 320px a partir de 768px; abaixo disso, mobile do
   original com 1 card): 768-899px 1 card, 900-1200px 2 cards, >= 1201px 3 cards com os
   31,3% do style.css (mesma largura do online). Com 31,3% abaixo disso os cards ficavam
   com ~129px em 768 e so cabiam 2 em 992. */
@media (min-width:768px) and (max-width:899px) {
    .contentBusca .results-list-view .result-item {
        width: calc(100% - 16px);
    }
}

@media (min-width:900px) and (max-width:1200px) {
    .contentBusca .results-list-view .result-item {
        width: calc(50% - 16px);
    }
}

/* >= 768px: titulo/versao com altura fixa de 79px sobrepunham o preco quando a versao
   quebrava em mais linhas. min-height mantem o mesmo card do online quando cabe; os cards
   da linha continuam com a mesma altura (flex acima). */
@media (min-width:768px) {
    .contentBusca .veiculosConsulta .result-item-title {
        height: auto;
        min-height: 79px;
    }
}

/* 768-1200px: se ano e km quebrarem em linhas proprias, o bloco nao pode ficar preso nos
   40px do estilo inline. */
@media (min-width:768px) and (max-width:1200px) {
    .contentBusca .veiculosConsulta .result-item-block {
        height: auto !important;
    }
}