/*
 * EchoBoomer — header (todas as páginas)
 * Menu em tinta (o logo fica como único azul), cor por secção ao passar o rato, ponto com "eco" no item ativo,
 * submenus em cartão arredondado, pesquisa em botão redondo, faixa fina de marca no topo.
 * Prefixo "body .td-header-template-wrap" para vencer o CSS por bloco do Composer (.tdi_NN, com !important).
 */
:root{
  --eb-accent:#0186fd;--eb-ink:#0f172a;--eb-muted:#6b7686;--eb-line:#e6eaf0;--eb-panel:#eef3f9;--eb-sec:var(--eb-accent);
  --eb-c-tech:#0186fd;--eb-c-cultura:#e5484d;--eb-c-jogos:#6d4aff;--eb-c-mesa:#c2570c;--eb-c-viagens:#0d9488;
}

/* faixa de marca: as cores das secções */
.td-header-template-wrap{
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,var(--eb-c-tech),var(--eb-c-jogos) 35%,var(--eb-c-cultura) 65%,var(--eb-c-mesa) 85%,var(--eb-c-viagens)) 1}

/* sombra: linha fina + sombra suave em vez da sombra dura */
body .td-header-template-wrap .td-header-desktop-wrap .vc_row:before{box-shadow:0 1px 0 var(--eb-line),0 12px 32px rgba(15,23,42,.06)!important}

/* cor de cada secção (pelo link de topo; imune a renumeração tdi) */
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li{--eb-hc:var(--eb-accent)}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:has(>a[href$="/tecnologia/"]){--eb-hc:var(--eb-c-tech)}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:has(>a[href$="/cultura/"]){--eb-hc:var(--eb-c-cultura)}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:has(>a[href$="/videojogos/"]){--eb-hc:var(--eb-c-jogos)}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:has(>a[href$="/sociedade/"]){--eb-hc:var(--eb-c-mesa)}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:has(>a[href$="/viagens/"]){--eb-hc:var(--eb-c-viagens)}

/* itens de topo */
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li>a{
  color:var(--eb-ink)!important;font-size:12.5px!important;font-weight:800!important;
  letter-spacing:.07em;text-transform:uppercase;transition:color .2s ease}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:hover>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.tdb-hover>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-menu-item>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-menu-ancestor>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-category-ancestor>a{color:var(--eb-hc)!important}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li>a .tdb-sub-menu-icon{color:currentColor!important}

/* sublinhado do tema vira ponto com ondas */
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li>a:after{
  content:""!important;top:auto!important;bottom:9px!important;left:50%!important;right:auto!important;
  width:6px!important;height:6px!important;margin-left:-3px!important;border-radius:50%!important;
  background:var(--eb-hc)!important;opacity:0;transform:scale(.4)!important;
  box-shadow:0 0 0 4px rgba(1,134,253,.18);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--eb-hc) 18%,transparent);
  transition:opacity .2s ease,transform .2s ease}
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li:hover>a:after,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.tdb-hover>a:after,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-menu-item>a:after,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-menu-ancestor>a:after,
body .td-header-template-wrap .tdb_header_menu .tdb-menu>li.current-category-ancestor>a:after{opacity:1;transform:scale(1)!important}

/* submenus: cartão arredondado */
body .td-header-template-wrap .tdb_header_menu .tdb-menu .tdb-normal-menu ul{
  padding:8px!important;border:0!important;border-radius:16px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.16)!important}
body .td-header-template-wrap .tdb_header_menu .tdb-menu .tdb-normal-menu ul .tdb-menu-item>a{
  color:var(--eb-ink)!important;background:transparent!important;border-radius:10px;
  font-size:13.5px!important;font-weight:700!important}
body .td-header-template-wrap .tdb_header_menu .tdb-menu .tdb-normal-menu ul .tdb-menu-item:hover>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu .tdb-normal-menu ul .tdb-menu-item.tdb-hover>a,
body .td-header-template-wrap .tdb_header_menu .tdb-menu .tdb-normal-menu ul .tdb-menu-item.current-menu-item>a{
  background:var(--eb-panel)!important;color:var(--eb-hc)!important}

/* pesquisa: botão redondo */
body .td-header-template-wrap .tdb_header_search .tdb-head-search-btn i{
  width:42px!important;height:42px!important;line-height:42px!important;font-size:17px!important;
  border-radius:50%;background:var(--eb-panel);color:var(--eb-ink)!important;text-align:center;
  transition:background-color .2s ease,color .2s ease}
body .td-header-template-wrap .tdb_header_search .tdb-head-search-btn:hover i{background:var(--eb-accent);color:#fff!important}

/* menu horizontal do telemóvel */
body .td-header-template-wrap .tdb_mobile_horiz_menu .tdb-horiz-menu>li>a{color:var(--eb-ink)!important;font-weight:800!important}
body .td-header-template-wrap .tdb_mobile_horiz_menu .tdb-horiz-menu>li.current-menu-item>a,
body .td-header-template-wrap .tdb_mobile_horiz_menu .tdb-horiz-menu>li.current-menu-ancestor>a,
body .td-header-template-wrap .tdb_mobile_horiz_menu .tdb-horiz-menu>li.current-category-ancestor>a{color:var(--eb-accent)!important}

@media (prefers-reduced-motion:reduce){
  body .td-header-template-wrap .tdb_header_menu .tdb-menu>li>a,
  body .td-header-template-wrap .tdb_header_menu .tdb-menu>li>a:after,
  body .td-header-template-wrap .tdb_header_search .tdb-head-search-btn i{transition:none}
}