/**
 * Customização do Ícone de Pesquisa
 * Escurece o fundo do ícone circular de pesquisa
 */

/* Escurecer o fundo do ícone de pesquisa */
.menu-item-search > a,
.menu-item.menu-item-search > a,
li.menu-item-search > a {
    background-color: #2a3440 !important;
    background: #2a3440 !important;
}

/* Se o ícone tiver hover */
.menu-item-search > a:hover,
.menu-item.menu-item-search > a:hover,
li.menu-item-search > a:hover {
    background-color: #1f2529 !important;
    background: #1f2529 !important;
}

/* Ajustar cor do ícone da lupa para branco */
.menu-item-search > a:before,
.menu-item-search > a:after,
.menu-item-search > a i,
.menu-item-search > a span {
    color: #ffffff !important;
}

/* Para o formulário de pesquisa */
.minisearch .sf-submit-icon {
    color: #ffffff !important;
}

/* Se houver um círculo ao redor do ícone */
.menu-item-search > a {
    border-radius: 50%;
}

/* Garantir que funcione em todos os casos */
#primary-menu .menu-item-search > a,
#primary-navigation .menu-item-search > a,
.primary-navigation .menu-item-search > a,
.nav-menu .menu-item-search > a,
.main-menu .menu-item-search > a,
ul.nav-menu > li.menu-item-search > a {
    background-color: #2a3440 !important;
    background: #2a3440 !important;
}