/* Compartilhar WhatsApp — hubs + PDPs */
.share-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin: 1.25rem 0 1.75rem;
}
.share-wa {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1.15rem;
  border-radius: 999px;
  border: none;
  background: #25D366;
  color: #fff;
  font-family: var(--font-body, "DM Sans", system-ui, sans-serif);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(37, 211, 102, .28);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.share-wa:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(37, 211, 102, .35);
  color: #fff;
}
.share-wa:active { transform: translateY(0); }
.share-wa__icon {
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
  fill: currentColor;
}
.share-wa__label { white-space: nowrap; }

/* Hint / secondary line under button */
.share-bar__hint {
  font-size: .8rem;
  color: var(--brand-muted, #7a736c);
  margin: 0;
}

/* Compact variant for sticky / PDP footer */
.share-wa--compact {
  padding: .55rem .9rem;
  font-size: .82rem;
}
.share-wa--ghost {
  background: transparent;
  color: #128C7E;
  border: 1.5px solid #25D366;
  box-shadow: none;
}
.share-wa--ghost:hover {
  background: rgba(37, 211, 102, .08);
  color: #075E54;
  box-shadow: none;
}

/* Occasion tint optional: keep WA green for recognition; accent only on hint */
.share-bar[data-occasion] .share-bar__hint {
  color: var(--occasion-text, var(--brand-text, #1A1A2E));
  opacity: .7;
}

/* Hotfix v97 — ícone WA tamanho pill (não full-bleed nos /segmento/*) */
.share-wa__icon,
.share-wa svg,
.share-wa img,
.share-bar svg,
.share-bar img,
a[href*="wa.me"] svg,
a[href*="whatsapp"] svg,
a[href*="wa.me"] img,
button.share-wa svg {
  width: 1.15rem !important;
  height: 1.15rem !important;
  max-width: 1.15rem !important;
  max-height: 1.15rem !important;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}

.share-wa,
.share-bar .share-wa,
.segment-share .share-wa,
[data-segment] .share-wa {
  max-width: max-content;
  width: auto;
  overflow: hidden;
}

.share-wa svg,
.share-wa img {
  inline-size: 1.15rem;
  block-size: 1.15rem;
}

/* v97 hotfix — constrain WA icon to pill size (segment/hub heroes) */
.share-wa {
  max-width: 100%;
  width: auto;
  overflow: hidden;
}
.share-wa__icon,
.share-wa svg.share-wa__icon,
.share-bar .share-wa svg {
  width: 1.15rem !important;
  height: 1.15rem !important;
  max-width: 1.15rem !important;
  max-height: 1.15rem !important;
  flex: 0 0 1.15rem;
  display: inline-block;
  vertical-align: middle;
  overflow: visible;
}
body.segment-page .share-wa__icon,
body.segment-page .share-wa svg {
  width: 1.15rem !important;
  height: 1.15rem !important;
  max-width: 1.15rem !important;
  max-height: 1.15rem !important;
}