/* Estilos de marca do imob-e sobre o Bootstrap 5 (site publico).
 *
 * Externo porque a CSP `default-src 'self'` bloqueia <style>/style inline.
 * Carregado DEPOIS de bootstrap.min.css. Baseado na preview aprovada
 * (app/static/preview/preview.css). Cor de marca = azul do v2 (#00a8e6). */

:root {
    --bs-primary: #00a8e6;
    --bs-primary-rgb: 0, 168, 230;
}

.btn-primary {
    --bs-btn-bg: #00a8e6;
    --bs-btn-border-color: #00a8e6;
    --bs-btn-hover-bg: #0091ca;
    --bs-btn-hover-border-color: #0091ca;
    --bs-btn-active-bg: #0091ca;
    --bs-btn-active-border-color: #0091ca;
}

.text-brand { color: #00a8e6 !important; }
.bg-brand { background-color: #00a8e6 !important; }

/* Barra superior (logo + busca + contato) */
.topbar { background: #f5f5f5; }
.topbar .logo { font-weight: 700; font-size: 1.5rem; color: #333; }

/* Banner / carrossel */
.banner-slide {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .5px;
    background-size: cover;
    background-position: center;
}
.banner-1 { background: linear-gradient(120deg, #0091ca, #00a8e6); }
.banner-2 { background: linear-gradient(120deg, #2d3e50, #4a6076); }

/* Card de imovel */
.imovel-card .card-img-top {
    height: 190px;
    object-fit: cover;
    background: #e2e8ec;
}
.imovel-card .preco-badge {
    position: absolute;
    top: 0; left: 0; right: 0;
    padding: .4rem .75rem;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: .9rem;
}
.imovel-card .stats {
    display: flex;
    gap: .75rem;
    align-items: center;
    color: #555;
    font-size: .9rem;
}
.imovel-card .stats svg { vertical-align: -2px; }

/* Rodape */
.site-footer { background: #f5f5f5; }
.social-btn {
    width: 36px; height: 36px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #e0e0e0; color: #444;
    margin-right: .35rem;
}
.social-btn:hover { background: #00a8e6; color: #fff; }