/* Estilos básicos para o botão WhatsApp - WP WhatsApp Elementor */
/* Aumentamos a especificidade e repetimos a classe para vencer temas/Elementor */
body .wwe-button.wwe-button {
  --wwe-bg: #535EE0;
  --wwe-fg: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 6px;
  background-color: var(--wwe-bg) !important;
  color: var(--wwe-fg) !important;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: filter .2s ease, box-shadow .2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Estados com maior especificidade também */
body .wwe-button.wwe-button:hover {
  background-color: var(--wwe-bg) !important;
  color: var(--wwe-fg) !important;
  filter: brightness(0.95);
}

body .wwe-button.wwe-button:focus {
  background-color: var(--wwe-bg) !important;
  color: var(--wwe-fg) !important;
  outline: 2px solid #0b7;
  outline-offset: 2px;
}

.wwe-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  background: currentColor;
  /* Ícone simplificado via máscara: círculo com "telefone" básico */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 28 28"><g fill="%23000"><circle cx="12" cy="12" r="12"/><path d="M16.8 17.2c-2 .1-3.6-.5-5.1-1.6-1.5-1.1-2.7-2.6-3.6-4.3-.7-1.3-1.2-2.7-1.4-4.2-.1-.7.2-1.2.8-1.5.5-.2 1-.2 1.5.1.3.2.6.4.9.6.4.3.5.7.4 1.2-.1.5-.2.9-.3 1.4-.1.5 0 .9.3 1.3.9 1.3 2.2 2.3 3.7 2.9.5.2 1 .1 1.4-.2.4-.3.9-.6 1.3-.8.6-.3 1.2-.3 1.7.2.3.3.7.7 1 .9.5.4.7.9.5 1.5-.3 1.2-1.3 2.2-3.1 2.5z" fill="%23fff"/></g></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 28 28"><g fill="%23000"><circle cx="12" cy="12" r="12"/><path d="M16.8 17.2c-2 .1-3.6-.5-5.1-1.6-1.5-1.1-2.7-2.6-3.6-4.3-.7-1.3-1.2-2.7-1.4-4.2-.1-.7.2-1.2.8-1.5.5-.2 1-.2 1.5.1.3.2.6.4.9.6.4.3.5.7.4 1.2-.1.5-.2.9-.3 1.4-.1.5 0 .9.3 1.3.9 1.3 2.2 2.3 3.7 2.9.5.2 1 .1 1.4-.2.4-.3.9-.6 1.3-.8.6-.3 1.2-.3 1.7.2.3.3.7.7 1 .9.5.4.7.9.5 1.5-.3 1.2-1.3 2.2-3.1 2.5z" fill="%23fff"/></g></svg>') no-repeat center / contain;
}

.wwe-text {
  line-height: 1;
}

/* Garante contraste adequado no estado hover/focus mantendo as cores definidas via custom properties */
body .wwe-button.wwe-button:hover,
body .wwe-button.wwe-button:focus {
  background-color: var(--wwe-bg) !important;
  color: var(--wwe-fg) !important;
  outline: 2px solid #0b7;
  outline-offset: 2px;
}