/* ==========================================================================
   BOTÃO WHATSAPP CTA — V8 (container por nó) + legado (SDC block_content)
   V8:    .hm2-wa-container--flutuante | .hm2-wa-container--inline
   Legado: .hm2-whatsapp-cta--flutuante | .hm2-whatsapp-cta--fixo
   ========================================================================== */

/* ── V8: Container Flutuante (múltiplos botões, position:fixed empilhados) ── */
body:not(.path-admin) .hm2-wa-container--flutuante {
  position: fixed !important;
  bottom: calc(var(--btt-bottom, 2rem) + var(--btt-tamanho, 44px) + 10px) !important;
  right: var(--btt-right, 25px) !important;
  z-index: 999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.5rem !important;
  pointer-events: auto !important;
}

/* ── V8: Container Inline (múltiplos botões, centralizados na seção) ── */
body:not(.path-admin) .hm2-wa-container--inline {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 2rem 1rem !important;
}

/* ── Legado: Modo Flutuante (SDC bloco antigo — um botão) ── */
body:not(.path-admin) .hm2-whatsapp-cta--flutuante {
  position: fixed !important;
  bottom: calc(var(--btt-bottom, 2rem) + var(--btt-tamanho, 44px) + 10px) !important;
  right: var(--btt-right, 25px) !important;
  z-index: 999 !important;
  pointer-events: auto !important;
}

/* ── Legado: Modo Fixo (SDC bloco antigo) ── */
body:not(.path-admin) .hm2-whatsapp-cta--fixo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2rem 1rem !important;
}

/* ── Âncora (link) — compartilhado V8 e legado ── */
body:not(.path-admin) .hm2-whatsapp-cta__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  background-color: #25D366 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4) !important;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  white-space: nowrap !important;
}

body:not(.path-admin) .hm2-whatsapp-cta__link:hover,
body:not(.path-admin) .hm2-whatsapp-cta__link:focus-visible {
  background-color: #1DA851 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.55) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Flutuante mobile: botão circular (V8 e legado) */
@media (max-width: 575px) {
  body:not(.path-admin) .hm2-wa-container--flutuante .hm2-whatsapp-cta__link,
  body:not(.path-admin) .hm2-whatsapp-cta--flutuante .hm2-whatsapp-cta__link {
    padding: 0.9rem !important;
    border-radius: 50% !important;
    width: 56px !important;
    height: 56px !important;
    justify-content: center !important;
  }
  body:not(.path-admin) .hm2-wa-container--flutuante .hm2-whatsapp-cta__text,
  body:not(.path-admin) .hm2-whatsapp-cta--flutuante .hm2-whatsapp-cta__text {
    display: none !important;
  }
  body:not(.path-admin) .hm2-wa-container--flutuante .hm2-whatsapp-cta__icon svg,
  body:not(.path-admin) .hm2-whatsapp-cta--flutuante .hm2-whatsapp-cta__icon svg {
    width: 28px !important;
    height: 28px !important;
  }
}

/* ── Ícone SVG ── */
body:not(.path-admin) .hm2-whatsapp-cta__icon {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

body:not(.path-admin) .hm2-whatsapp-cta__icon svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
  transition: transform 0.2s ease !important;
}

body:not(.path-admin) .hm2-whatsapp-cta__link:hover .hm2-whatsapp-cta__icon svg {
  transform: scale(1.1) !important;
}

/* ── V8: Seção modular que contém o container flutuante ── */
body:not(.path-admin) .hm2-wa-secao {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:not(.path-admin) .hm2-wa-secao .node__content {
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

/* ── Legado: Seção Layout Builder que contém o botão flutuante ── */
body:not(.path-admin) .lp-whatsapp-cta {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:not(.path-admin) .lp-whatsapp-cta .layout {
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

body:not(.path-admin) .lp-whatsapp-cta .lp-section__titulo {
  display: none !important;
}

/* ── V8: <section> gerada pelo template secao_modular para whatsapp_cta ── */
body:not(.path-admin) .h2-secao--whatsapp-cta,
  body:not(.path-admin) .h2-secao--whatsapp-lead {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}