/* ============================================================
   FORD 29 - Pacote 9 - Busca no topo (botao sutil + popup com desfoque)
   Arquivo novo: assets/css/busca-topo.css
   Carregado DEPOIS do style.css, entao estas regras sobrescrevem
   o popup original do tema (que era uma tela 100% preta).
   ============================================================ */

/* ------------------------------------------------------------
   Botao de busca sutil: so o icone, sem caixa colorida.
   Usa a mesma cor dos textos do topo e fica vermelho no hover,
   igual aos demais links do cabecalho.
   ------------------------------------------------------------ */
.search-topo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--title-color);
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}
.search-topo-btn:hover {
    color: var(--theme-color);
    background: rgba(23, 23, 23, 0.06);
}

/* No celular o botao fica ao lado do hamburguer (menu escuro? nao -
   o menu-area e claro), entao mantem a mesma aparencia discreta. */
.navbar-right .search-topo-btn {
    width: 34px;
    height: 34px;
    font-size: 16px;
}

/* ------------------------------------------------------------
   Popup de busca: em vez de tela toda preta (rgba 0,0,0,0.95),
   fundo apenas levemente escurecido com DESFOQUE (blur) atras.
   O visitante continua vendo a pagina por tras, desfocada.
   ------------------------------------------------------------ */
.popup-search-box {
    background-color: rgba(15, 15, 15, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari/iPhone */
}

/* Navegadores antigos sem suporte a backdrop-filter:
   escurece um pouco mais para o campo continuar legivel. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .popup-search-box {
        background-color: rgba(15, 15, 15, 0.75);
    }
}