/* ============================================================
   EAP — floating-actions.js
   Compartilhar (esquerda) + Ligar / WhatsApp / Voltar ao topo (direita)
   ============================================================ */

.fa-root{position:fixed;z-index:90;font-family:var(--font-b)}
.fa-root *{box-sizing:border-box}

/* ---------------- ESQUERDA: compartilhar ---------------- */
.fa-share{left:18px;bottom:18px}
.fa-share-btn{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  height:52px;padding:0 20px;border:0;border-radius:100px;cursor:pointer;
  background:linear-gradient(135deg,#1B1E24 0%,#0E1013 100%);
  color:#fff;box-shadow:0 8px 26px rgba(14,16,19,.32),0 0 0 4px rgba(177,0,184,.14);
  font-family:var(--font-h);font-weight:800;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease;
}
.fa-share-btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(14,16,19,.38),0 0 0 5px rgba(177,0,184,.22)}
.fa-share-btn:active{transform:translateY(-1px)}
.fa-share-btn svg{width:19px;height:19px}
.fa-share-btn .fa-pulse{
  position:absolute;inset:-5px;border-radius:100px;border:2px solid rgba(224,0,124,.55);
  animation:fa-ripple 2.8s cubic-bezier(.22,.7,.35,1) infinite;pointer-events:none;
}
@keyframes fa-ripple{
  0%{transform:scale(.96);opacity:.75}
  70%{transform:scale(1.08);opacity:0}
  100%{transform:scale(1.08);opacity:0}
}
@media (prefers-reduced-motion:reduce){.fa-share-btn .fa-pulse{animation:none;opacity:.35}}

.fa-share-label{display:inline}

.fa-popup{
  position:absolute;left:0;bottom:64px;width:266px;
  background:#fff;border:1px solid #E1DDD5;border-radius:16px;
  box-shadow:0 24px 60px rgba(14,16,19,.24);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);
  transform-origin:bottom left;transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.fa-popup.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.fa-popup-title{
  font-family:var(--font-h);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;
  color:#8A8578;font-weight:800;padding:8px 10px 6px;
}
.fa-share-list{list-style:none;margin:0;padding:0}
.fa-share-list li{margin:0}
.fa-share-list a,.fa-share-list button{
  display:flex;align-items:center;gap:11px;width:100%;
  padding:10px 11px;border:0;background:transparent;border-radius:10px;cursor:pointer;
  font-family:var(--font-b);font-size:.9rem;font-weight:600;color:#1B1E24;text-align:left;
  text-decoration:none;transition:background .14s;
}
.fa-share-list a:hover,.fa-share-list button:hover{background:#F5F3EF;text-decoration:none}
.fa-share-list .fa-ic{
  width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;color:#fff;
}
.fa-share-list .fa-ic svg{width:16px;height:16px}
.fa-ic.wa{background:#25D366}
.fa-ic.fb{background:#1877F2}
.fa-ic.tw{background:#0F1419}
.fa-ic.pin{background:#E60023}
.fa-ic.li{background:#0A66C2}
.fa-ic.th{background:#111}
.fa-ic.copy{background:#B100B8}
.fa-share-list .fa-copy-txt{display:flex;flex-direction:column;line-height:1.25}
.fa-share-list .fa-copy-txt small{font-size:.72rem;color:#8A8578;font-weight:500}
.fa-popup-foot{border-top:1px solid #EFECE6;margin-top:6px;padding-top:6px}

.fa-toast{
  position:absolute;left:0;bottom:64px;
  background:#0E1013;color:#fff;border-radius:100px;padding:11px 18px;
  font-size:.84rem;font-weight:600;box-shadow:0 14px 34px rgba(14,16,19,.3);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;white-space:nowrap;
}
.fa-toast.show{opacity:1;visibility:visible;transform:translateY(0)}
.fa-toast .fa-check{color:#4ADE80;margin-right:6px;font-weight:800}

/* ---------------- DIREITA: contatos ---------------- */
.fa-actions{right:18px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fa-fab{
  display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;
  border:0;border-radius:100px;cursor:pointer;text-decoration:none;
  font-family:var(--font-h);font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 26px rgba(14,16,19,.26);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s;
}
.fa-fab:hover{transform:translateY(-3px);text-decoration:none;filter:brightness(1.05)}
.fa-fab svg{width:19px;height:19px;flex:none}
.fa-fab.call{background:#fff;color:#0E1013;border:2px solid #0E1013}
.fa-fab.call:hover{background:#0E1013;color:#fff}
.fa-fab.wa{
  background:linear-gradient(135deg,#25D366 0%,#128C42 100%);color:#fff;
  box-shadow:0 8px 26px rgba(18,140,66,.36);position:relative;
}
.fa-fab.wa .fa-status{
  display:inline-flex;align-items:center;gap:6px;font-size:.62rem;letter-spacing:.1em;
  background:rgba(255,255,255,.18);padding:4px 8px;border-radius:100px;font-weight:800;
}
.fa-fab.wa .fa-status i{
  width:7px;height:7px;border-radius:50%;background:#D1FAE5;display:block;
  animation:fa-blink 2.2s ease-in-out infinite;
}
@keyframes fa-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
@media (prefers-reduced-motion:reduce){.fa-fab.wa .fa-status i{animation:none}}
.fa-fab.top{
  background:#0E1013;color:#fff;width:52px;padding:0;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(14px);transition:.25s;
}
.fa-fab.top.show{opacity:1;visibility:visible;transform:translateY(0)}
.fa-fab.top:hover{background:var(--primary,#B100B8)}

/* ---------------- MOBILE ---------------- */
@media (max-width:900px){
  .fa-share{left:12px;bottom:14px}
  .fa-actions{right:12px;bottom:14px;gap:9px}
  .fa-share-btn{height:48px;padding:0 16px;font-size:.7rem;box-shadow:0 6px 20px rgba(14,16,19,.3)}
  .fa-fab{height:48px;padding:0 16px;font-size:.7rem;gap:8px}
  .fa-fab.top{width:48px}
  .fa-popup{width:250px;bottom:58px}
  .fa-toast{bottom:58px;font-size:.78rem;padding:9px 14px;white-space:normal;max-width:calc(100vw - 24px)}
}

@media (max-width:560px){
  /* versão compacta: texto vira rótulo curto */
  .fa-share-label{display:none}
  .fa-share-btn{width:48px;height:48px;padding:0;justify-content:center}
  .fa-fab .fa-fab-txt{display:none}
  .fa-fab{width:48px;height:48px;padding:0;justify-content:center}
  .fa-fab.wa{width:auto;padding:0 14px;gap:8px}
  .fa-fab.wa .fa-fab-txt{display:inline;font-size:.66rem;letter-spacing:.06em}
  .fa-fab.call{width:48px}
  .fa-popup{left:0;bottom:58px;width:min(272px,calc(100vw - 24px))}
  .fa-toast{left:0;bottom:110px}
}

@media (max-width:360px){
  .fa-share-btn,.fa-fab{width:44px;height:44px}
  .fa-fab.wa{width:auto;height:44px;padding:0 12px}
  .fa-share{left:8px;bottom:10px}
  .fa-actions{right:8px;bottom:10px}
}

/* não cobrir o rodapé: espaço reservado já aplicado em responsive.css */