/* ─────────────────────────────────────────────────────────────────────────────
   Isolamento da landing dentro do WordPress
   ─────────────────────────────────────────────────────────────────────────────
   O build do Vite (Tailwind v4) é autossuficiente e define a aparência da
   landing. Este arquivo apenas neutraliza o que o WordPress injeta por fora —
   margens do `<body>`, a barra de administração e a classe `admin-bar` — para
   que o resultado seja idêntico ao servidor de desenvolvimento.

   ⚠️ Regra de ouro deste arquivo: NUNCA selecionar elementos internos da
   landing (`.media-slot-*`, `img`, `h1`, `a`...). O Tailwind v4 compila
   utilitários como `.h-8 { height: calc(var(--spacing) * 8) }` com
   especificidade de classe (0,1,0). Um seletor como `body.x #root img`
   (0,1,2,2) vence por especificidade e sobrescreve silenciosamente o layout —
   foi exatamente o que aconteceu com o logo, que passou a renderizar em
   1600px em vez dos 32px esperados.

   Se for necessário neutralizar algo dentro da landing, use `:where()` para
   zerar a especificidade, ou prefira corrigir no próprio projeto Vite. */

body.milisa-landing-body {
	margin: 0;
	padding: 0;
	background: #ffffff;
}

/* A barra de administração não existe no servidor de desenvolvimento e
   deslocaria o header fixo em 32px. Ocultamos sem removê-la, para que o
   editor continue podendo acessar o painel. */
body.milisa-landing-body.admin-bar #wpadminbar {
	display: none !important;
}

body.milisa-landing-body.admin-bar {
	margin-top: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Widget flutuante do WhatsApp (plugin "WhatsApp Chat")
   ─────────────────────────────────────────────────────────────────────────────
   O plugin posiciona a bolha com `position:fixed; right:30px; bottom:30px;
   z-index:999` em `.wa__btn_popup` (assets/css/style.css:787-794). O wrapper
   `.milisa-whatsapp-widget` existe só como escopo — **não** pode virar
   `position:relative`, `contain` ou `overflow`, senão o `fixed` da bolha passa
   a ser resolvido contra o wrapper e ela deixa de flutuar sobre a viewport.
   
   `position:static` é explícito de propósito: documenta que este contentor não
   cria containing block para o `fixed` nem novo contexto de empilhamento. */

.milisa-whatsapp-widget {
	position: static;
}