/**
 * LEDS WhatsApp Btn: bolinha verde do WhatsApp, topo da pilha de botoes do canto direito
 * - Base no lugar do voltar-ao-topo (bottom 100); sobe 1 degrau por botao visivel abaixo
 * - Mesmas medidas por faixa que o tema usa (50/48/44px; right 30/20/16)
 */

.p1-wa-btn{--p1-wa-passo:62px;position:fixed;right:30px;bottom:100px;z-index:9000;width:50px;height:50px;border-radius:50%;background:#25D366;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.35);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}
.p1-wa-btn svg{width:26px;height:26px;display:block}
.p1-wa-btn:hover{box-shadow:0 14px 34px rgba(37,211,102,.5);color:#FFFFFF}
.p1-wa-btn.p1-wa-sobe1{transform:translateY(calc(-1*var(--p1-wa-passo)))}
.p1-wa-btn.p1-wa-sobe2{transform:translateY(calc(-2*var(--p1-wa-passo)))}
.p1-wa-btn.p1-wa-sobe1:hover,.p1-wa-btn.p1-wa-sobe2:hover{box-shadow:0 14px 34px rgba(37,211,102,.5)}

@media(max-width:768px){.p1-wa-btn{--p1-wa-passo:60px;right:20px;width:48px;height:48px}}
@media(max-width:576px){.p1-wa-btn{--p1-wa-passo:56px;right:16px;width:44px;height:44px}}
