.elementor-887 .elementor-element.elementor-element-ce8761a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);}.elementor-887 .elementor-element.elementor-element-ce8761a:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-ce8761a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1014;}.elementor-887 .elementor-element.elementor-element-1e5dc39{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--flex-wrap:wrap;--border-radius:100px 100px 100px 100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-887 .elementor-element.elementor-element-d5c3204{width:var( --container-widget-width, 7% );max-width:7%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:7%;--container-widget-flex-grow:0;text-align:left;}.elementor-887 .elementor-element.elementor-element-d5c3204 img{width:100%;}.elementor-887 .elementor-element.elementor-element-4acacf1{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-887 .elementor-element.elementor-element-4acacf1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-4acacf1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-896f219 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-896f219.elementor-view-stacked .elementor-icon{background-color:#FADE02;}.elementor-887 .elementor-element.elementor-element-896f219.elementor-view-framed .elementor-icon, .elementor-887 .elementor-element.elementor-element-896f219.elementor-view-default .elementor-icon{color:#FADE02;border-color:#FADE02;}.elementor-887 .elementor-element.elementor-element-896f219.elementor-view-framed .elementor-icon, .elementor-887 .elementor-element.elementor-element-896f219.elementor-view-default .elementor-icon svg{fill:#FADE02;}.elementor-887 .elementor-element.elementor-element-896f219 .elementor-icon{font-size:30px;}.elementor-887 .elementor-element.elementor-element-896f219 .elementor-icon svg{height:30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-887 .elementor-element.elementor-element-d5c3204 img{width:100%;max-width:300px;}}@media(min-width:768px){.elementor-887 .elementor-element.elementor-element-1e5dc39{--width:100%;}}@media(max-width:767px){.elementor-887 .elementor-element.elementor-element-1e5dc39{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-d5c3204{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-887 .elementor-element.elementor-element-d5c3204.elementor-element{--align-self:center;}.elementor-887 .elementor-element.elementor-element-d5c3204 img{width:100%;max-width:180px;}.elementor-887 .elementor-element.elementor-element-4acacf1{--container-widget-width:69%;--container-widget-flex-grow:0;width:var( --container-widget-width, 69% );max-width:69%;}.elementor-887 .elementor-element.elementor-element-896f219 .elementor-icon{font-size:35px;}.elementor-887 .elementor-element.elementor-element-896f219 .elementor-icon svg{height:35px;}}/* Start custom CSS for fibosearch, class: .elementor-element-4acacf1 *//* Remove o fundo do container principal e do formulário */
.dgwt-wcas-search-wrapp, 
.dgwt-wcas-sf-wrapp,
.dgwt-wcas-search-form {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important; /* Remove sombras se houver */
}

/* Estiliza o campo de digitação (Input) */
.dgwt-wcas-search-input {
    background-color: transparent !important;
    color: #ffffff !important; /* Cor do texto digitado */
    border: 1px solid #ffffff !important; /* Borda branca (opcional, para ver a caixa) */
}

/* Cor do texto de exemplo (Placeholder: "Pesquisar produtos...") */
.dgwt-wcas-search-input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important; /* Branco com leve transparência */
    opacity: 1;
    margin-top: 15px !important;
}

.dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp,
.dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp {
  margin-top: 15px !important;
}

/* Estiliza o botão de lupa */
.dgwt-wcas-search-submit {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Muda a cor do ícone SVG da lupa para branco */
.dgwt-wcas-search-submit svg,
.dgwt-wcas-search-submit svg path {
    fill: #ffffff !important;
}

/* Remove a cor de fundo ao focar/clicar no campo */
.dgwt-wcas-search-input:focus {
    background-color: transparent !important;
}

/* 1. Container Principal da lista de resultados */
.dgwt-wcas-suggestions-wrapp {
    background: transparent !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
    box-shadow: none !important; /* Remove sombras */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Borda fina branca para delimitar a área */
    
    /* Efeito de vidro (Opcional: remove se quiser 100% transparente sem desfoque) */
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
}

/* 2. Cabeçalhos (Ex: "Categorias", "Produtos") */
.dgwt-wcas-suggestion-headline {
    background: transparent !important;
    color: #ffffff !important;
    opacity: 0.7; /* Um pouco mais suave para diferenciar dos produtos */
}

/* 3. Fundo de cada item da lista (Produtos/Categorias) */
.dgwt-wcas-suggestion {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Linha divisória muito sutil */
}

/* 4. Cor do Texto (Títulos dos produtos e Categorias) */
.dgwt-wcas-st,
.dgwt-wcas-st-title,
.dgwt-wcas-content-wrapp {
    color: #ffffff !important;
}

/* 5. A palavra pesquisada que fica em negrito (Ex: "Pod") */
.dgwt-wcas-st strong,
.dgwt-wcas-st-title strong {
    color: #ffffff !important;
    text-decoration: underline rgba(255,255,255,0.5); /* Detalhe para destacar a palavra chave */
}

/* 6. Botão "Ver todos os produtos" no final da lista */
.dgwt-wcas-suggestion-more {
    background: transparent !important;
    color: #ffffff !important;
}

/* 7. Comportamento ao passar o mouse (Hover) */
/* Isso é importante para o usuário saber qual item vai clicar */
.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion-selected {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Branco com 15% de opacidade */
    cursor: pointer;
}

/* Preço (se aparecer no futuro) */
.woocommerce-Price-amount {
    color: #ffffff !important;
}
/* --- Estilos específicos para o Overlay Mobile --- */
@media only screen and (max-width: 991px) {
    /* 1. Altera a cor de todos os textos e ícones dentro do overlay mobile */
    .dgwt-wcas-overlay-mobile,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-st,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-st-title,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-content-wrapp,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion-headline,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-st-more,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-st strong {
        color: #000000 !important;
    }

    /* 2. Cor do Placeholder (texto de exemplo) no mobile */
    .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input::placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    /* 3. Ícone da Lupa e Ícone de Voltar (seta) */
    .dgwt-wcas-overlay-mobile .dgwt-wcas-search-submit svg path,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return svg path,
    .dgwt-wcas-overlay-mobile .dgwt-wcas-preloader svg path {
        fill: #000000 !important;
    }

    /* 4. Borda do campo de busca no mobile */
    .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input {
        border-color: #000000 !important;
        background-color: transparent !important;
    }

    /* 5. Linhas divisórias entre as sugestões */
    .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    /* 6. Garantir que o container de sugestões não herde o blur/transparência do desktop */
    .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
        background-color: #ffffff !important; /* Caso o fundo do mobile deva ser branco */
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce8761a *//* Cria uma camada "fantasma" antes do conteúdo do site */
body::before {
    content: "";
    position: fixed; /* Fica fixo na tela, mesmo ao rolar a página */
    top: 0;
    left: 0;
    width: 100vw; /* Largura total da janela */
    height: 100vh; /* Altura total da janela */
    z-index: 999; /* Coloca essa camada ATRÁS de todo o conteúdo do site */
    
    /* A URL da sua imagem de ruído */
    background-image: url('https://cafecommanga.com/wp-content/uploads/2025/12/ruido-animado.gif');
    
    /* Faz a imagem pequena se repetir para preencher a tela */
    background-repeat: repeat; 
    
    /* CONTROLE DA INTENSIDADE ("bem fraquinho") */
    /* Ajuste este valor. 
       0.01 é quase invisível. 
       0.1 é suave. 
       0.2 já começa a ficar forte. 
       Sugiro começar com 0.05 */
    opacity: 0.15; 
    
    /* Garante que cliques do mouse passem direto por essa camada, 
       para não bloquear botões e links do site */
    pointer-events: none;
    mix-blend-mode: overlay; /* Opcional: Tenta misturar melhor com fundos escuros ou claros. Se ficar estranho, apague essa linha. */
}

/* Garante que o body esteja preparado para receber o elemento filho com z-index negativo */
body {
    position: relative;
    /* Se o seu site tiver um fundo branco, mude para #ffffff. 
       Se for escuro, mantenha #000000 ou a cor principal. */
    background-color: #000000; 
}/* End custom CSS */