/*
 * ATIVA FIBOSEARCH UI V1
 *
 * Corrige somente o painel de autocomplete.
 * Nao altera tamanho nem funcionamento da busca.
 */


/*
 * Container geral dos resultados.
 */
body .dgwt-wcas-suggestions-wrapp {
    background-color: #ffffff !important;
    border: 1px solid rgba(29, 29, 27, 0.14) !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.18) !important;
    z-index: 9999999 !important;
}


/*
 * Cada resultado individual tambem recebe
 * fundo opaco para impedir transparencia.
 */
body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion {
    background-color: #ffffff !important;
}


/*
 * Separacao sutil entre resultados.
 */
body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion-product {
    border-bottom:
        1px solid rgba(29, 29, 27, 0.08) !important;
}


/*
 * Estado de hover / teclado.
 */
body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion-selected,

body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion:hover {
    background-color: #f9f9f9 !important;
}


/*
 * Link "ver todos".
 */
body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion-more {
    background-color: #ffffff !important;
    border-top:
        1px solid rgba(29, 29, 27, 0.10) !important;
}


/*
 * Imagens permanecem em superficie branca.
 */
body .dgwt-wcas-suggestions-wrapp
.dgwt-wcas-si {
    background-color: #ffffff !important;
}


/*
 * Mobile:
 * apenas reduzimos a sombra.
 * Nao alteramos largura ou posicionamento.
 */
@media (max-width: 767px) {

    body .dgwt-wcas-suggestions-wrapp {
        box-shadow:
            0 10px 24px rgba(0, 0, 0, 0.16) !important;
    }
}
