/*
Theme Name: Umana v2
Theme URI: https://umana.cafe
Description: O visual do novo site da Umana (protótipo do repositório umana-ecommerce) sobre o Blocksy. As regras da loja vêm do umana-child.
Author: Umana
Template: blocksy
Version: 1.0.0
Text Domain: umana-v2
*/

/* O visual mora em proto/ (cópia de brand/, css/, js/ e img/ do protótipo).
   Aqui fica só o que existe por causa do WordPress. */

/* Nas páginas que ainda carregam o CSS do Blocksy, ele força #header { position: relative }
   (o cabeçalho do protótipo também tem id="header"); faixa e cabeçalho são fixos no topo */
body.umana-v2 .topbar, body.umana-v2 #header.header, body.umana-v2 .co-header { position: sticky; }
/* no celular a faixa rola junto (como no protótipo); presa, ela cobria metade do cabeçalho */
@media (max-width: 880px) { body.umana-v2 .topbar { position: relative; } }

/* o Blocksy pinta o fundo de branco nas páginas novas: volta o creme do protótipo */
body.umana-v2 { background-color: var(--creme); }

/* Barra de admin do WordPress: faixa e cabeçalho fixos descem junto */
body.admin-bar .topbar { top: var(--wp-admin--admin-bar--height, 32px); }
body.admin-bar .header { top: calc(var(--bar-h) + var(--wp-admin--admin-bar--height, 32px)); }

/* Botão do WhatsApp (umana_botao_whatsapp, no umana-child), na linguagem do protótipo */
.umana-zap { position: fixed; right: 18px; bottom: 18px; z-index: 90; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; background: var(--verde); color: var(--rosa-umana); border: 1px solid var(--linha-r); font-weight: 600; font-size: 15px; text-decoration: none; transition: background .2s var(--ease); }
.umana-zap:hover { background: var(--verde-floresta); color: var(--rosa-umana); }
.umana-zap:focus-visible { outline: 2px solid var(--rosa-umana); outline-offset: 3px; }
.umana-zap svg { width: 22px; height: 22px; flex: 0 0 22px; fill: currentColor; }
@media (max-width: 767px) {
  .umana-zap { width: 52px; padding: 0; justify-content: center; right: 14px; bottom: 14px; transition: bottom .3s var(--ease); }
  /* na página de produto a barra fixa de compra ocupa o rodapé da tela: o botão sobe e não cobre o "Adicionar" */
  body:has(.buybar.show) .umana-zap { bottom: calc(var(--buybar-h, 83px) + 14px); }
  .umana-zap-texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  /* sai da frente do texto enquanto a pessoa rola pra baixo lendo (quando o cabeçalho some)
     e volta ao rolar pra cima; o botão de cookies faz o mesmo (css/cookies.css) */
  .umana-zap { transition: bottom .3s var(--ease), transform .35s var(--ease), opacity .35s var(--ease); }
  body:has(#header.is-hidden) .umana-zap { transform: translateY(calc(100% + 24px)); opacity: 0; pointer-events: none; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) { .umana-zap { transition: none; } }