Pergunta de acompanhamento: a mesma falta de transparência/desfoque visível agora também aparece em outro elemento que compartilha o caminho de estilização .menu-panel — o campo de entrada do dropdown de busca do cabeçalho (.search-input-wrapper, parte do menu de busca glimmer).
Receita (padrão idêntico ao do .d-header que funciona, e ao do .menu-panel acima):
.search-menu .search-input-wrapper {
background: color-mix(in srgb, var(--header_background) 85%, transparent) !important;
-webkit-backdrop-filter: blur(6px) saturate(1.2);
backdrop-filter: blur(6px) saturate(1.2);
border-radius: 14px;
box-shadow: 0 0 0 1px var(--primary-low-mid);
overflow: hidden;
}
.search-menu .search-input {
background: transparent !important;
}
O que é renderizado corretamente: a borda fina (box-shadow) e o border-radius aparecem exatamente como esperado — portanto, o seletor está correspondendo ao elemento correto e a regra está sendo aplicada, sem ser silenciosamente sobrescrita.
O que não é renderizado: não há translucidez visível nem desfoque visível do que estiver atrás do campo, o mesmo sintoma relatado acima para o .menu-panel (painel lateral/hambúrguer). O .d-header, usando literalmente as mesmas três linhas (background-color via color-mix, -webkit-backdrop-filter, backdrop-filter), continua funcionando perfeitamente.
Isso me leva a suspeitar cada vez mais que o problema não é específico do próprio .menu-panel, mas de algo que esses elementos de estilo dropdown/sobreposição compartilham (contexto de empilhamento criado em outro lugar no núcleo, uma camada de composição que não é um bloco contêiner adequado para backdrop-filter, ou algo similar) — em vez de qualquer coisa relacionada ao nosso próprio seletor ou aos valores das propriedades, já que exatamente as mesmas três propriedades CSS se comportam de forma diferente dependendo de qual elemento do núcleo elas estão anexadas.
Alguém já encontrou o backdrop-filter/fundo translúcido não sendo renderizado especificamente no dropdown de busca ou em outras sobreposições da família .menu-panel, mesmo que a mesma receita funcione no cabeçalho?