﻿/* DetalhesVeiculo - ajustes responsivos da pagina (nao altera style.css) */

/* carrossel de fotos nao gera rolagem lateral */
.contentDetalhesVeiculo .additional-images {
    overflow: hidden;
}

/* texto livre da Observacao (HTML do lojista) nao estoura a largura */
.contentDetalhesVeiculo #vehicle-overview {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

    .contentDetalhesVeiculo #vehicle-overview img,
    .contentDetalhesVeiculo #vehicle-overview table,
    .contentDetalhesVeiculo #vehicle-overview iframe {
        max-width: 100%;
        height: auto;
    }

/* logo da loja proporcional na coluna lateral */
.veiculo-detalhes .col-md-4 img {
    max-width: 100%;
    height: auto;
}

/* preco: um so por largura - junto ao titulo ate 991px, no bloco lateral a partir de 992px */
@media only screen and (min-width: 992px) {
    .veiculo-detalhes .price.mobile {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .veiculo-detalhes .precoVeiculo {
        display: none;
    }
}

/* reCAPTCHA (304px fixo) cabe em telas estreitas, caso o formulario volte */
@media only screen and (max-width: 360px) {
    .veiculo-detalhes .g-recaptcha {
        transform: scale(0.85);
        transform-origin: 0 0;
    }
}
