/* Menus e submenus: sem caixas brancas por trás e, nos botões que NÃO têm
   fundo próprio, sempre um fundo escuro semitransparente com letra branca.
   Assim lêem-se em qualquer fundo de página (incluindo as imagens e cores que
   cada pessoa escolhe). Botões que já têm fundo (vermelho, preto, branco...)
   ficam como estão. Pedido do Nuno, 2026-10-03. Ligado no fim do <head>. */

/* barras que contêm os botões: sem caixa */
.tri-filters, .top-tabs, .tabs { background: transparent; }

/* botões sem fundo próprio */
.top-tab-btn, .tab-btn, .mk-subtab-btn, .pp-actions .btn-o {
  background: rgba(17,10,10,.55);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.top-tab-btn svg, .tab-btn svg, .mk-subtab-btn svg { stroke: #fff; }
.top-tab-btn:hover, .tab-btn:hover, .mk-subtab-btn:hover, .pp-actions .btn-o:hover {
  background: rgba(17,10,10,.75);
  border-color: #CC0000;
  color: #fff;
}
.top-tab-btn.active, .tab-btn.active, .mk-subtab-btn.active {
  background: #CC0000;
  border-color: #CC0000;
  color: #fff;
}