/*
 * TEMA ESCURO TEMPORÁRIO (pedido em 31/10/2026, depois volta ao normal).
 * Fundo preto, textos brancos, botões brancos com texto preto.
 * Carregado por server/php/cores-site-css.php nas páginas públicas (fora do
 * modo de edição). Para voltar ao normal: apagar este arquivo e a linha do
 * <link> em cores-site-css.php.
 *
 * Todo seletor começa com :is(html, #tema-escuro): o #tema-escuro não existe,
 * só dá peso de id ao seletor, para vencer as regras com !important de cada
 * página (<style id="site-dynamic-css">) e do header.js sem mexer nelas.
 */

/* ---------- Variáveis ---------- */
:is(html, #tema-escuro) {
    --cor-principal: #000000;
    --cor-secundaria: #333333;
    --cor-terciaria: #ffffff;
    --scroll-topo-bg: #ffffff;
    --scroll-topo-seta-cor: #000000;
    --rs-brand: #ffffff;
    --rs-track-bg: #333333;
    color-scheme: dark;
}

/* ---------- Base: fundo preto, todo texto branco ---------- */
:is(html, #tema-escuro),
:is(html, #tema-escuro) body {
    background-color: #000000 !important;
}

:is(html, #tema-escuro) body,
:is(html, #tema-escuro) body * {
    color: #ffffff !important;
}

/* Linha clara embaixo do topo (header) */
:is(html, #tema-escuro) body header {
    border-bottom-color: transparent !important;
}

/* Onda do topo da Página inicial (era branca para emendar na seção de baixo) */
:is(html, #tema-escuro) .onda-hero path {
    fill: #000000 !important;
}

/* ---------- Seções com fundo branco: pretas ---------- */
:is(html, #tema-escuro) .endereco,
:is(html, #tema-escuro) #lista-imoveis,
:is(html, #tema-escuro) .container-sobre,
:is(html, #tema-escuro) .trabalhe-conosco,
:is(html, #tema-escuro) .anuncie-diferenciais,
:is(html, #tema-escuro) .anuncie-estrategia,
:is(html, #tema-escuro) .anuncie-form-section,
:is(html, #tema-escuro) .anuncie-form-lado {
    background: #000000 !important;
}

/* ---------- Cards e caixas: cinza bem escuro ---------- */
:is(html, #tema-escuro) .caixa-imovel,
:is(html, #tema-escuro) .card-busca-rapida,
:is(html, #tema-escuro) .coverflow-item,
:is(html, #tema-escuro) .mascara-imagem-sobre,
:is(html, #tema-escuro) .container-contato,
:is(html, #tema-escuro) .diferencial-card,
:is(html, #tema-escuro) .estrategia-item,
:is(html, #tema-escuro) .form-ben-item,
:is(html, #tema-escuro) .modal-compartilhar-box,
:is(html, #tema-escuro) .anuncie-modal__caixa {
    background-color: #111111 !important;
    border-color: #2a2a2a !important;
}

:is(html, #tema-escuro) .container-infos-comprar .container-comprar .comprar {
    background: #111111 radial-gradient(ellipse 140% 160px at 50% -20px, #262626 0%, #262626 75%, transparent 76%) no-repeat top center / 100% 115px !important;
    border-color: #2a2a2a !important;
}

:is(html, #tema-escuro) .btn-compartilhar-imovel,
:is(html, #tema-escuro) .botoes-compartilhar button,
:is(html, #tema-escuro) .container-infos-comprar .container-comprar .comprar .botoes-comprar a {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

:is(html, #tema-escuro) .coverflow-wrapper::before {
    background: linear-gradient(90deg, #111111 25%, #1a1a1a 50%, #111111 75%) !important;
}

/* ---------- Campos, filtros e listas ---------- */
:is(html, #tema-escuro) input:not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]),
:is(html, #tema-escuro) select,
:is(html, #tema-escuro) textarea,
:is(html, #tema-escuro) option,
:is(html, #tema-escuro) .filtro-btn,
:is(html, #tema-escuro) .filtro-opcoes,
:is(html, #tema-escuro) .af-select__btn,
:is(html, #tema-escuro) .af-select__opcoes,
:is(html, #tema-escuro) .fp-input {
    background-color: #111111 !important;
    border-color: #444444 !important;
}

:is(html, #tema-escuro) .filtro-opcoes li:hover,
:is(html, #tema-escuro) .af-select__opcoes li:hover,
:is(html, #tema-escuro) .af-select__opcoes li.selecionado {
    background-color: #262626 !important;
}

:is(html, #tema-escuro) input::placeholder,
:is(html, #tema-escuro) textarea::placeholder {
    color: #8a8a8a !important;
}

:is(html, #tema-escuro) .fp-track-bg { background: #333333 !important; }
:is(html, #tema-escuro) .fp-track-fill { background: #ffffff !important; }
:is(html, #tema-escuro) .fp-thumb::-webkit-slider-thumb { background: #ffffff !important; }
:is(html, #tema-escuro) .fp-thumb::-moz-range-thumb { background: #ffffff !important; }

/* ---------- Paginação ---------- */
:is(html, #tema-escuro) .paginacao-botoes button {
    background-color: #111111 !important;
    border-color: #444444 !important;
}
:is(html, #tema-escuro) .paginacao-botoes button.ativo,
:is(html, #tema-escuro) .paginacao-botoes button:hover:not(:disabled) {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
:is(html, #tema-escuro) .paginacao-botoes button:disabled {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #666666 !important;
}

/* Pontinhos dos carrosséis */
:is(html, #tema-escuro) .ponto { background: #555555 !important; }
:is(html, #tema-escuro) .ponto.ativo { background: #ffffff !important; }

/* ---------- Botões: brancos com texto preto ---------- */
:is(html, #tema-escuro) .botao-ver-todos button,
:is(html, #tema-escuro) .inverter,
:is(html, #tema-escuro) #btn-financiamento,
:is(html, #tema-escuro) .btn-lupa-busca,
:is(html, #tema-escuro) .container-busca .botao-buscar button,
:is(html, #tema-escuro) .container-filtro .filtrar,
:is(html, #tema-escuro) .btn-enviar,
:is(html, #tema-escuro) .btn-trabalhe,
:is(html, #tema-escuro) .btn-anuncie-primario,
:is(html, #tema-escuro) .btn-anuncie-secundario,
:is(html, #tema-escuro) .btn-anuncie-submit,
:is(html, #tema-escuro) .anuncie-modal__btn,
:is(html, #tema-escuro) .btn-ver-todas,
:is(html, #tema-escuro) .fluxo-passo__circulo,
:is(html, #tema-escuro) .botao-flutuante .scroll-topo-btn {
    background: #ffffff !important;
    border-color: #ffffff !important;
}
:is(html, #tema-escuro) .botao-ver-todos button,
:is(html, #tema-escuro) .botao-ver-todos button *,
:is(html, #tema-escuro) .inverter,
:is(html, #tema-escuro) .inverter *,
:is(html, #tema-escuro) #btn-financiamento,
:is(html, #tema-escuro) #btn-financiamento *,
:is(html, #tema-escuro) .btn-lupa-busca,
:is(html, #tema-escuro) .btn-lupa-busca *,
:is(html, #tema-escuro) .container-busca .botao-buscar button,
:is(html, #tema-escuro) .container-busca .botao-buscar button *,
:is(html, #tema-escuro) .container-filtro .filtrar,
:is(html, #tema-escuro) .container-filtro .filtrar *,
:is(html, #tema-escuro) .btn-enviar,
:is(html, #tema-escuro) .btn-enviar *,
:is(html, #tema-escuro) .btn-trabalhe,
:is(html, #tema-escuro) .btn-trabalhe *,
:is(html, #tema-escuro) .btn-anuncie-primario,
:is(html, #tema-escuro) .btn-anuncie-primario *,
:is(html, #tema-escuro) .btn-anuncie-secundario,
:is(html, #tema-escuro) .btn-anuncie-secundario *,
:is(html, #tema-escuro) .btn-anuncie-submit,
:is(html, #tema-escuro) .btn-anuncie-submit *,
:is(html, #tema-escuro) .anuncie-modal__btn,
:is(html, #tema-escuro) .anuncie-modal__btn *,
:is(html, #tema-escuro) .btn-ver-todas,
:is(html, #tema-escuro) .btn-ver-todas *,
:is(html, #tema-escuro) .fluxo-passo__circulo,
:is(html, #tema-escuro) .fluxo-passo__circulo *,
:is(html, #tema-escuro) .botao-flutuante .scroll-topo-btn,
:is(html, #tema-escuro) .botao-flutuante .scroll-topo-btn * {
    color: #000000 !important;
}
:is(html, #tema-escuro) .botao-ver-todos button:hover,
:is(html, #tema-escuro) .inverter:hover,
:is(html, #tema-escuro) #btn-financiamento:hover,
:is(html, #tema-escuro) .btn-lupa-busca:hover,
:is(html, #tema-escuro) .container-busca .botao-buscar button:hover,
:is(html, #tema-escuro) .container-filtro .filtrar:hover,
:is(html, #tema-escuro) .btn-enviar:hover,
:is(html, #tema-escuro) .btn-trabalhe:hover,
:is(html, #tema-escuro) .btn-anuncie-primario:hover,
:is(html, #tema-escuro) .btn-anuncie-secundario:hover,
:is(html, #tema-escuro) .btn-anuncie-submit:hover,
:is(html, #tema-escuro) .anuncie-modal__btn:hover,
:is(html, #tema-escuro) .btn-ver-todas:hover {
    background: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}

/* Botão "Fechar" do modal do Contato (cor inline no HTML) */
:is(html, #tema-escuro) .anuncie-modal__caixa button {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ---------- Barra de redes do celular: branca com ícones pretos ---------- */
:is(html, #tema-escuro) .barra-mobile {
    background-color: #ffffff !important;
}
:is(html, #tema-escuro) .barra-mobile a,
:is(html, #tema-escuro) .barra-mobile i {
    color: #000000 !important;
}

/* ---------- Coisas que continuam brancas (logos e setas em imagem) ---------- */
:is(html, #tema-escuro) .bancos a,
:is(html, #tema-escuro) .botao-esquerda,
:is(html, #tema-escuro) .botao-direita {
    background-color: #ffffff !important;
}

/* ---------- Barras de pesquisa: brancas com texto preto ----------
 * Prefixo com dois ids para vencer a regra geral dos campos (acima). */
:is(html, #tema-escuro#tema-escuro) .input-busca-rapida,
:is(html, #tema-escuro#tema-escuro) .busca-imoveis-lista input {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
:is(html, #tema-escuro#tema-escuro) .input-busca-rapida::placeholder,
:is(html, #tema-escuro#tema-escuro) .busca-imoveis-lista input::placeholder {
    color: #666666 !important;
}
:is(html, #tema-escuro#tema-escuro) .busca-imoveis-lista i {
    color: #000000 !important;
}
/* Lupa da Página inicial: preta com ícone branco sobre a barra branca */
:is(html, #tema-escuro#tema-escuro) .btn-lupa-busca {
    background: #000000 !important;
    border-color: #000000 !important;
}
:is(html, #tema-escuro#tema-escuro) .btn-lupa-busca,
:is(html, #tema-escuro#tema-escuro) .btn-lupa-busca * {
    color: #ffffff !important;
}
:is(html, #tema-escuro#tema-escuro) .btn-lupa-busca:hover {
    background: #333333 !important;
}