/* ========================================
   CSS DINÂMICO - CORES PERSONALIZADAS
   ======================================== */

:root {
    --cor-primaria: #2c577a;
    --cor-secundaria: #1f364e;
    --cor-hover: #58585a;
    --cor-texto: #ffffff;
    --cor-primaria-rgb: 44, 87, 122;
    --cor-secundaria-rgb: 31, 54, 78;
    --cor-hover-rgb: 88, 88, 90;
    --cor-texto-rgb: 255, 255, 255;
}

/* ========================================
   SUBSTITUIÇÕES DE CORES NOS MÓDULOS
   ======================================== */

/* MOD-SEARCH.CSS */
.busca-imagem-overlay {
    background: linear-gradient(135deg, rgba(44, 87, 122,0.4) 0%, rgba(31, 54, 78,0.5) 100%) !important;
}

.busca-titulo h4 {
    color: var(--cor-primaria) !important;
}

.btn-buscar {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
    box-shadow: 0 2px 8px rgba(44, 87, 122,0.3) !important;
}

.btn-buscar:hover {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, var(--cor-hover) 100%) !important;
    box-shadow: 0 4px 12px rgba(44, 87, 122,0.4) !important;
}

.dropdown-toggle:hover {
    border-color: var(--cor-primaria) !important;
    box-shadow: 0 0 0 0.2rem rgba(44, 87, 122,.15) !important;
}

.dropdown-toggle.active {
    border-color: var(--cor-primaria) !important;
    box-shadow: 0 0 0 0.2rem rgba(44, 87, 122,.25) !important;
}

.dropdown-toggle.active .dropdown-arrow {
    color: var(--cor-primaria) !important;
}

.dropdown-content {
    border: 2px solid var(--cor-primaria) !important;
}

.cidade-header strong,
.fim-header strong {
    color: var(--cor-primaria) !important;
}

.autocomplete-container .form-control:focus {
    border-color: var(--cor-primaria) !important;
    box-shadow: 0 0 0 0.2rem rgba(44, 87, 122,.25) !important;
}

.autocomplete-dropdown {
    border: 2px solid var(--cor-primaria) !important;
}

.autocomplete-item.selected {
    background: var(--cor-primaria) !important;
}

/* MOD-FORM-IMOVEL.CSS */
.form-header i,
.form-group label i {
    color: var(--cor-primaria) !important;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: var(--cor-primaria) !important;
    box-shadow: 0 0 0 3px rgba(44, 87, 122, 0.1) !important;
}

.btn-enviar {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
}

.btn-enviar:hover {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, var(--cor-hover) 100%) !important;
    box-shadow: 0 6px 20px rgba(44, 87, 122, 0.3) !important;
}

.btn-enviar:active {
    box-shadow: 0 4px 15px rgba(44, 87, 122, 0.3) !important;
}

.form-group input:valid,
.form-group textarea:valid {
    border-color: var(--cor-primaria) !important;
}

/* MOD-FILTER.CSS */
.filtro-header {
    background: var(--cor-primaria) !important;
}

.filtro-btn {
    background: var(--cor-primaria) !important;
}

.filtro-btn:hover {
    background: var(--cor-secundaria) !important;
}

.filtro-tag {
    background: rgba(44, 87, 122, 0.1) !important;
    color: var(--cor-primaria) !important;
    border: 1px solid rgba(44, 87, 122, 0.3) !important;
}

.filtro-tag-remove {
    color: var(--cor-primaria) !important;
}

.filtro-tag-remove:hover {
    background: var(--cor-primaria) !important;
}

.filtro-botao {
    border: 2px solid rgba(44, 87, 122, 0.2) !important;
    color: var(--cor-primaria) !important;
}

.filtro-botao:hover {
    border-color: var(--cor-primaria) !important;
}

.filtro-botao.ativo {
    background: var(--cor-primaria) !important;
    border-color: var(--cor-primaria) !important;
}

.filtro-botao.ativo:hover {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
}

.filtro-valor-input:focus-within {
    border-color: var(--cor-primaria) !important;
    box-shadow: 0 0 0 2px rgba(44, 87, 122, 0.1) !important;
}

.filtro-lateral .fim-header strong,
.filtro-lateral .cidade-header strong {
    color: var(--cor-primaria) !important;
}

.dropdown-toggle.active .dropdown-arrow {
    color: var(--cor-primaria) !important;
}

/* MOD-GALERIA-IMOVEL.CSS */
.more-btn {
    background: var(--cor-primaria) !important;
}

.more-btn:hover {
    background: var(--cor-secundaria) !important;
}

.spinner {
    border-top: 4px solid var(--cor-primaria) !important;
}

/* MOD-INFO-IMOVEL.CSS */
.info-icon {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
}

.info-label i {
    color: var(--cor-primaria) !important;
}

.descricao-imovel h3 {
    border-bottom: 2px solid var(--cor-primaria) !important;
}

/* MOD-LISTA-IMOVEIS.CSS */
.valor-locacao span {
    color: var(--cor-primaria) !important;
}

.btn-ver-detalhes {
    border-color: var(--cor-primaria) !important;
    color: var(--cor-primaria) !important;
}

.btn-ver-detalhes:hover {
    background-color: var(--cor-primaria) !important;
    border-color: var(--cor-primaria) !important;
    color: var(--cor-texto) !important;
}

.btn-compartilhar:hover {
    color: var(--cor-primaria) !important;
    background-color: rgba(44, 87, 122, 0.1) !important;
}

.opcao-compartilhamento a:hover {
    color: var(--cor-primaria) !important;
}

/* ========================================
   CORREÇÕES ESPECÍFICAS - LISTA DE IMÓVEIS
   ======================================== */

/* Garantir que o conteúdo dos botões não seja escondido no hover */
.card-imovel .btn {
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
}

.card-imovel .btn:hover {
    z-index: 20 !important;
}

/* Garantir que o texto dos botões permaneça visível */
.btn-ver-detalhes,
.btn-whatsapp {
    position: relative !important;
    z-index: 10 !important;
}

.btn-ver-detalhes:hover,
.btn-whatsapp:hover {
    z-index: 20 !important;
    overflow: visible !important;
}

/* Garantir que o ícone e texto dos botões permaneçam visíveis */
.btn-ver-detalhes .fa-eye,
.btn-whatsapp .whatsapp-icon,
.btn-ver-detalhes span,
.btn-whatsapp span {
    position: relative !important;
    z-index: 15 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Corrigir o container de compartilhamento */
.compartilhamento-container {
    position: relative !important;
    z-index: 30 !important;
}

.opcoes-compartilhamento {
    z-index: 1000 !important;
    position: absolute !important;
    overflow: visible !important;
}

/* Garantir que o card não esconda os elementos internos */
.card-imovel {
    overflow: visible !important;
}

.card-imovel .card-body {
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Garantir que as ações do imóvel permaneçam visíveis */
.acoes-imovel {
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
}

.acoes-imovel .d-flex {
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
}

/* Correções específicas para botões da lista de imóveis */
.card-imovel .btn-ver-detalhes,
.card-imovel .btn-whatsapp {
    position: relative !important;
    z-index: 15 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: visible !important;
}

.card-imovel .btn-ver-detalhes:hover,
.card-imovel .btn-whatsapp:hover {
    z-index: 25 !important;
    overflow: visible !important;
}

/* Garantir que o texto dos botões seja sempre visível */
.card-imovel .btn-ver-detalhes .fa-eye,
.card-imovel .btn-whatsapp .whatsapp-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 20 !important;
}

/* Corrigir o z-index do card no hover */
.card-imovel:hover {
    z-index: 5 !important;
}

.card-imovel:hover .card-body {
    z-index: 5 !important;
}

.card-imovel:hover .acoes-imovel {
    z-index: 15 !important;
}

.card-imovel:hover .btn {
    z-index: 20 !important;
}

/* ========================================
   ESTILOS DO TOPO - HEADER BANNER
   ======================================== */

/* Hover dos links de navegação do topo */
.nav-link:hover {
    color: var(--cor-primaria) !important;
    box-shadow: 0 4px 12px rgba(44, 87, 122, 0.15) !important;
}

.nav-link::before {
    background: linear-gradient(135deg, rgba(44, 87, 122, 0.1) 0%, rgba(31, 54, 78, 0.1) 100%) !important;
}

/* Hover do ícone do dropdown */
.nav-link.dropdown-toggle:hover .fa-chevron-down {
    color: var(--cor-primaria) !important;
}

/* Hover dos itens do dropdown */
.dropdown-item:hover {
    background-color: rgba(44, 87, 122, 0.1) !important;
    color: var(--cor-primaria) !important;
}

.dropdown-item:hover i {
    color: var(--cor-primaria) !important;
}

/* Hover do logo */
.logo-section .mod-image img:hover {
    transform: scale(1.05) !important;
}

/* Cor do texto nos links de navegação - COR FIXA */
.nav-link {
    color: #7c7c7c !important;
}

.nav-link i {
    color: #7c7c7c !important;
}

.nav-link span {
    color: #7c7c7c !important;
}

/* Cor do texto nos itens do dropdown - COR FIXA */
.dropdown-item {
    color: #7c7c7c !important;
}

.dropdown-item i {
    color: #7c7c7c !important;
}

.dropdown-item small {
    color: #7c7c7c !important;
}