/* Rodada 21: correções em cima dos estilos do zip do Claude Design (11/11/2026). */

/* notificação do app: agora são dois botões ("Baixar app" e "Agora não") */
.wg-notif .wg-notif-acts{grid-template-columns:1fr auto!important}

/* painel ao vivo com a Sislav fora do ar: máquinas esmaecidas e aviso em vermelho com o horário da última atualização */
#ao-vivo #wgList.is-velho{opacity:.45;filter:grayscale(.6);transition:opacity .3s}
#ao-vivo:has(#wgList.is-velho) #wgUpd{color:#A1261B;font-weight:600}

/* topo: o "hcg-fix" do zip deixava o bloco do título crescer (flex:1) e, como o cartão empilha na vertical,
   o título "Lave suas roupas." colava na borda de cima. Volta ao tamanho natural; o resto do ajuste do zip continua. */
html body #topo .hb-head .hb-sig{flex:0 0 auto!important}

/* painel fora do ar: o aviso com o horário é mais longo; deixa quebrar para não cortar a hora */
#ao-vivo:has(#wgList.is-velho) .lx-wall-top{flex-wrap:wrap!important;row-gap:2px;white-space:normal!important}
#ao-vivo:has(#wgList.is-velho) .lx-wall-top span#wgUpd{white-space:normal!important;text-align:right;margin-left:auto}

/* Cartão do café ("Ver opções e preços") no iPhone: ao virar, a frente aparecia espelhada por cima do verso.
   Causa: o desfoque de vidro (backdrop-filter) do botão, vindo do zip, faz o Safari ignorar o "esconder de costas"
   (backface-visibility). Correção dupla: sem desfoque no botão e, no meio do giro, o lado que fica de costas
   some de vez (visibility), então nenhum navegador mostra o lado errado. */
html body #hbSgTrack figure.sg-cafe .sg-front .sg-flipbtn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}
html body #hbSgTrack figure.sg-cafe .sg-face,html body #hbSgTrack figure.sg-cafe .sg-face *{-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body #hbSgTrack figure.sg-cafe .sg-front{visibility:visible;transition:visibility 0s .16s}
html body #hbSgTrack figure.sg-cafe.flipped .sg-front{visibility:hidden}
html body #hbSgTrack figure.sg-cafe .sg-back{visibility:hidden;transition:visibility 0s .16s}
html body #hbSgTrack figure.sg-cafe.flipped .sg-back{visibility:visible}
@media (prefers-reduced-motion:reduce){html body #hbSgTrack figure.sg-cafe .sg-front,html body #hbSgTrack figure.sg-cafe .sg-back{transition:none}}

/* Verso do cartão do café: a regra das legendas do carrossel (texto branco, 14px) pegava também o "Pague via PIX…":
   o texto sumia (branco no branco), só o negrito aparecia, grande, e o botão "Cardápio completo" era empurrado para fora. */
html body #hbSgTrack figure.sg-cafe .sg-back .cm-pay{font:500 10px/1.35 Montserrat,sans-serif!important;color:#5F6975!important;margin:auto 0 0!important;text-align:left!important}
html body #hbSgTrack figure.sg-cafe .sg-back .cm-pay b{font:inherit!important;font-weight:700!important;color:#14181D!important;display:inline!important}

/* Topo: o "hcg-lift" do zip descia o "Guia de primeira visita WashGo" (top:12px) e o soltava do cartão azul.
   Pedido do Neto: o botão continua colado no cartão de cima, como antes (top:-52px do design). */
html body #topo .hb-below > .hb-learn:not(.wpt-app){top:-52px!important}