/* Detalhes do Veiculo - correcoes pontuais (layout fiel ao site online) */

/* LightGallery: loading.gif referenciado pelo plugin nao existe (404) */
.lg-outer .lg-item {
    background-image: url(/Content/images/ajax-loader.gif);
}

/* Setas do carrossel: no desktop aparecem no hover; em touch nao ha hover */
@media (hover: none), (max-width: 991px) {
    .contentDetalhesVeiculo .additional-images .owl-theme .owl-buttons div {
        display: block;
        min-width: 44px;
        min-height: 44px;
        padding: 13px 16px;
        text-align: center;
    }
}

/* Preco: abaixo de 992px o preco ja aparece junto ao titulo (.price.mobile) */
@media (max-width: 991px) {
    .contentDetalhesVeiculo .veiculo-detalhes .precoVeiculo {
        display: none;
    }

    .contentDetalhesVeiculo .botao-consultor {
        margin-top: 20px !important;
    }
}

/* Botao "Fale com um consultor agora": texto quebra em vez de vazar em telas estreitas */
.contentDetalhesVeiculo .botao-consultor .btn {
    white-space: normal;
}

/* Ligue Agora: botao "Ver Telefone" (mesmo estilo da pagina irma) */
.veiculo-detalhes .telefone-loja .ver-telefone {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: #ed1f24;
    border: none;
    border-radius: 5px;
    white-space: normal;
}

    .veiculo-detalhes .telefone-loja .ver-telefone:hover,
    .veiculo-detalhes .telefone-loja .ver-telefone:focus,
    .veiculo-detalhes .telefone-loja .ver-telefone:active {
        color: #fff;
        background-color: #c9161b;
    }

    .veiculo-detalhes .telefone-loja .ver-telefone:focus {
        outline: 2px solid #333;
        outline-offset: 2px;
    }

    .veiculo-detalhes .telefone-loja .ver-telefone[hidden],
    .veiculo-detalhes .telefone-loja .telefone[hidden] {
        display: none !important;
    }

.veiculo-detalhes .telefone-loja .telefone:focus {
    outline: none;
}