/*
 * Ajustes específicos do Site2 sobre o tema Homelengo.
 * Mantido separado de template-assets/css/styles.css (arquivo do vendor)
 * para facilitar diffs futuros com o template original.
 */

/* ===== Hero: barra de busca (Home) =====
   O template original usa .box-filter como um link "busca avançada" (sem largura fixa),
   mas o Site2 o reaproveitou como um select real de bairro — por isso ele nunca herdava
   a tipografia/label do restante do formulário, e fica FORA de .inner-group (é irmão de
   .form-group-1/2/3 dentro de .wd-find-select, não filho de .inner-group). Aqui:
   - Tipo de Negócio (form-group-1) reduzido em 50%.
   - Tipo de Imóvel e Cidade reduzidos em 25% cada, e essa largura é redistribuída
     para o campo Bairro, que ganha padding/borda/tipografia iguais aos demais campos
     em vez do estilo "pill" isolado herdado de .nice-select. */
.wd-find-select .inner-group .form-group-1 {
    flex: 0 1 50%;
    max-width: 50%;
}

.wd-find-select .inner-group .form-group-2,
.wd-find-select .inner-group .form-group-3 {
    flex: 0 1 75%;
    max-width: 75%;
}

.wd-find-select .box-filter {
    width: 260px;
    flex-shrink: 0;
}

.wd-find-select .box-filter label {
    display: block;
    font-weight: 600;
    color: #a3abb0;
    font-size: 14px;
    margin-bottom: 2px;
}

.wd-find-select .box-filter .nice-select {
    color: #161e2d;
    font-weight: 600;
    font-size: 16px;
    line-height: 21.86px;
    padding: 0;
    padding-top: 6px;
    border: 0;
    border-radius: 0;
    border-left: 1px solid #e4e4e4;
    padding-left: 20px;
    width: 100%;
}

.wd-find-select .box-filter .nice-select::after {
    right: 0;
}

.wd-find-select .box-filter .nice-select .list {
    min-width: 100%;
}

/* ===== Listagem de imóveis: dropdown "Ordenar por" =====
   O template original reserva a classe .list-sort com min-width para este select, mas ela
   nunca foi aplicada na migração — o nice-select acaba herdando a largura do <select> oculto
   original, que é estreita. Aumentamos 50% sobre o min-width de referência do tema (179px). */
#ordenacaoSelect + .nice-select {
    min-width: 268px;
}

/* ===== Cards de imóvel: descrição resumida (ImoDescricaoTexto) =====
   Altura sempre reservada para 3 linhas de texto (imóveis sem descrição cadastrada
   deixam o espaço em branco, mas o card não muda de tamanho na grade). */
.property-card-divider {
    margin: 12px 0;
    border: 0;
    border-top: 1px solid #e4e4e4;
}

.property-card-description {
    min-height: 63px; /* 3 linhas * 21px de line-height, reservado mesmo sem texto */
}

.property-card-description p {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== Footer: crédito "Desenvolvido por" =====
   Os <a> dentro de .copyright herdavam a cor padrão de link do tema (escura),
   ilegível sobre o fundo escuro do footer — aqui usamos a mesma cor cinza-claro
   do texto de copyright original (#a3abb0), com hover no azul de marca. */
.footer .content-footer-bottom .copyright {
    flex: 1;
    text-align: center;
}

.footer .content-footer-bottom .copyright a {
    color: #a3abb0;
    text-decoration: underline;
}

.footer .content-footer-bottom .copyright a:hover {
    color: #1563df;
}

/* ===== Footer: mapa com metade da altura padrão =====
   .leaflet-map-box tem 360px de altura por padrão (compartilhado com Contato e
   Imovel/Details) — no footer isso deixava a seção com espaço vazio sobrando. */
.footer-cl-4 .leaflet-map-box {
    height: 180px;
}

/* ===== Footer: logo movido para dentro da 1ª coluna (acima do texto institucional) ===== */
.footer-cl-1 .footer-logo {
    margin-bottom: 12px;
}

.footer-cl-1 .footer-logo img {
    max-height: 60px;
    width: auto;
}